/******************* Basic Styles URL: http://www.bootstrapmb.com ********************/ /** Reset Styles */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, button, input, select, textarea { font-family: "Source Sans Pro", Helvetica, sans-serif; } body { color: #141412; line-height: 1.5; margin: 0; } a { color: #ca3c08; text-decoration: none; } a:visited { color: #ac0404; } a:focus { outline: thin dotted; } a:active, a:hover { color: #ea9629; outline: 0; } a:hover { text-decoration: underline; } h1, h2, h3, h4, h5, h6 { clear: both; font-family: Bitter, Georgia, serif; line-height: 1.3; } h1 { font-size: 48px; margin: 33px 0; } h2 { font-size: 30px; margin: 25px 0; } h3 { font-size: 22px; margin: 22px 0; } h4 { font-size: 20px; margin: 25px 0; } h5 { font-size: 18px; margin: 30px 0; } h6 { font-size: 16px; margin: 36px 0; } address { font-style: italic; margin: 0 0 24px; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } p { margin: 0 0 24px; } code, kbd, pre, samp { font-family: monospace, serif; font-size: 14px; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } pre { background: #f5f5f5; color: #666; font-family: monospace; font-size: 14px; margin: 20px 0; overflow: auto; padding: 20px; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } blockquote, q { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } blockquote { font-size: 18px; font-style: italic; font-weight: 300; margin: 24px 40px; } blockquote blockquote { margin-right: 0; } blockquote cite, blockquote small { font-size: 14px; font-weight: normal; text-transform: uppercase; } blockquote em, blockquote i { font-style: normal; font-weight: 300; } blockquote strong, blockquote b { font-weight: 400; } small { font-size: smaller; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } dl { margin: 0 20px; } dt { font-weight: bold; } dd { margin: 0 0 20px; } menu, ol, ul { margin: 16px 0; padding: 0 0 0 40px; } ul { list-style-type: square; } nav ul, nav ol { list-style: none; list-style-image: none; } li > ul, li > ol { margin: 0; } img { -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; min-width: inherit; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; white-space: normal; } button, input, select, textarea { font-size: 100%; margin: 0; max-width: 100%; vertical-align: baseline; } button, input { line-height: normal; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { padding: 0; } input[type="search"] { -webkit-appearance: textfield; padding-right: 2px; /* Don't cut off the webkit search cancel button */ width: 270px; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } table { border-bottom: 1px solid #ededed; border-collapse: collapse; border-spacing: 0; font-size: 14px; line-height: 2; margin: 0 0 20px; width: 100%; } caption, th, td { font-weight: normal; text-align: left; } caption { font-size: 16px; margin: 20px 0; } th { font-weight: bold; text-transform: uppercase; } td { border-top: 1px solid #ededed; padding: 6px 10px 6px 0; } del { color: #333; } ins { background: #fff9c0; text-decoration: none; } hr { background-size: 4px 4px; border: 0; height: 1px; margin: 0 0 24px; } /* Placeholder text color -- selectors need to be separate to work. */ ::-webkit-input-placeholder { color: #7d7b6d; } :-moz-placeholder { color: #7d7b6d; } ::-moz-placeholder { color: #7d7b6d; } :-ms-input-placeholder { color: #7d7b6d; } /** Typography Styles */ html { overflow-x: hidden; } body { overflow-x: hidden; font-size: 15px; line-height: 26px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: "Work Sans", sans-serif; color: #454545; font-weight: 400; } img { max-width: 100%; } ::-webkit-input-placeholder { color: #afafaf; font-size: 16px; } :-moz-placeholder { color: #afafaf; font-size: 16px; } ::-moz-placeholder { color: #afafaf; font-size: 16px; } :-ms-input-placeholder { color: #afafaf; font-size: 16px; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, address, p, pre, blockquote, dl, dd, menu, ol, ul, table, caption, hr { margin: 0; margin-bottom: 15px; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "Poppins", sans-serif; line-height: 1.3; } h1, .h1 { font-size: 36px; } h2, .h2 { font-size: 32px; } h3, .h3 { font-size: 26px; } h4, .h4 { font-size: 20px; } h5, .h5 { font-size: 18px; } h6, .h6 { font-size: 16px; } @media only screen and (min-width: 768px) and (max-width: 991px) { h1, .h1 { font-size: 36px; } h2, .h2 { font-size: 26px; } } @media only screen and (max-width: 767px) { h1, .h1 { font-size: 32px; } h2, .h2 { font-size: 28px; } h3, .h3 { font-size: 24px; } h4, .h4 { font-size: 20px; } } @media only screen and (max-width: 575px) { h1, .h1 { font-size: 28px; } h2, .h2 { font-size: 24px; } h3, .h3 { font-size: 22px; } h4, .h4 { font-size: 20px; } } h1, .h1, h2, .h2 { font-weight: 700; } h3, .h3, h4, .h4 { font-weight: 600; } h5, .h5, h6, .h6 { font-weight: 500; } a { -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } a:hover, a:focus, a:active { text-decoration: none; outline: none; } input, select { height: 45px; line-height: 45px; } input, select, textarea { background: transparent; border: 1px solid #d9d9d9; padding: 0 20px; width: 100%; font-size: 16px; color: #afafaf; font-family: "Work Sans", sans-serif; font-weight: 300; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; } input:focus, input:active, select:focus, select:active, textarea:focus, textarea:active { outline: none; border-color: #1da838; } input, select, button, textarea { font-family: "Work Sans", sans-serif; } option { font-weight: 300; } select { background: url(images/icons/caret-down.png) no-repeat scroll; background-position: center right 15px; } blockquote { background: #fafafa; border-left: 4px solid #1da838; padding: 30px; padding-left: 34px; color: #454545; font-size: 16px; font-weight: 500; font-style: italic; } @media only screen and (max-width: 767px) { blockquote { padding: 60px; padding-left: 105px; } } @media only screen and (max-width: 575px) { blockquote { padding: 40px; padding-left: 30px; padding-right: 20px; } blockquote:before { left: 5px; top: 5px; } } @media only screen and (min-width: 1200px) and (max-width: 1599px) { input, select, textarea { padding: 0 15px; } } /** Helper Class */ .hidden { display: none; } .alignright { float: right; padding-left: 15px; } .alignleft { float: left; padding-right: 15px; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after { clear: both; } /* Define Colors */ .color--theme { color: #1da838; } .colog--blue { color: #214649; } .colog--green { color: #1da838; } .colog--orange { color: #EF785A; } .color--yellow { color: #EFC418; } .color--light { color: #999999; } .color--dark { color: #333333; } .color--black { color: #000000; } .color--white { color: #ffffff; } /* Background Color */ .bg--theme { background: #1da838; } .bg--secondary { background: #214649; } .bg--blue { background: #214649; } .bg--green { background: #1da838; } .bg--yellow { background: #EFC418; } .bg--orange { background: #EF785A; } .bg--light { background: #999999; } .bg--dark { background: #222222; } .bg--dark--light { background: #2a2a2a; } .bg--black { background: #000000; } .bg--white { background: #ffffff; } .bg--grey { background: #fafafa; } .bg--grey--light { background: #f2f2f2; } .bg--abstruct-mask { position: relative; } .bg--abstruct-mask:before, .bg--abstruct-mask:after { content: ""; top: 0; height: 100%; width: 25%; position: absolute; background-size: cover; } .bg--abstruct-mask:before { left: 0; background: url(images/bg/abstruct-mask-left.png) no-repeat scroll; background-position: center center; } .bg--abstruct-mask:after { right: 0; background: url(images/bg/abstruct-mask-right.png) no-repeat scroll; background-position: center center; } .bg--abstruct-mask > div { position: relative; } /* Background Image */ .bg-image--1 { background-image: url(images/bg/ban_1.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; } .bg-image--2 { background-image: url(images/bg/ban_2.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; } .bg-image--3 { background-image: url(images/bg/ban_3.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; } .bg-image--4 { background-image: url(images/bg/ban_4.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; } .bg-image--5 { background-image: url(images/bg/5.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; } .bg-image--6 { background-image: url(images/bg/6.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; } .bg-image--7 { background-image: url(images/bg/7.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; } .bg-image--8 { background-image: url(images/bg/8.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; } .bg-image--9 { background-image: url(images/bg/9.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; } .bg-image--10 { background-image: url(images/bg/10.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; } .bg-image--11 { background-image: url(images/bg/11.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; } .bg-image--12 { background-image: url(images/bg/12.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; } .bg-image--13 { background-image: url(images/bg/13.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; } .bg-image--14 { background-image: url(images/bg/14.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; } .bg-image--15 { background-image: url(images/bg/15.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; } .bg-image--16 { background-image: url(images/bg/16.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; } .bg-image--17 { background-image: url(images/bg/17.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; } .bg-image--18 { background-image: url(images/bg/18.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; } .bg-image--19 { background-image: url(images/bg/19.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; } .bg-image--20 { background-image: url(images/bg/20.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; } /* Text specialized */ .text--italic { font-style: italic; } .text--normal { font-style: normal; } .text--underline { font-style: underline; } /* Font specialized */ .body--font { font-family: "Work Sans", sans-serif; } .heading--font { font-family: "Poppins", sans-serif; } /* Height and width */ .fullscreen { min-height: 100vh; width: 100%; } .w--100 { width: 100%; } .w--75 { width: 75%; } .w--50 { width: 50%; } .w--33 { width: 33.33%; } .w--25 { width: 25%; } .w--10 { width: 10%; } .h--100 { height: 100%; } .h--75 { height: 75%; } .h--50 { height: 50%; } .h--25 { height: 25%; } .h--33 { height: 33.33%; } .h--10 { height: 10%; } /* Section padding */ .section-padding--xlg { padding: 120px 0; } .section-padding--lg { padding: 100px 0; } .section-padding--md { padding: 80px 0; } .section-padding--sm { padding: 65px 0; } .section-padding--xs { padding: 50px 0; } .section-padding--xxs { padding: 30px 0; } .section-padding-top--xlg { padding-top: 120px; } .section-padding-top--lg { padding-top: 100px; } .section-padding-top--md { padding-top: 80px; } .section-padding-top--sm { padding-top: 65px; } .section-padding-top--xs { padding-top: 50px; } .section-padding-bottom--xlg { padding-bottom: 120px; } .section-padding-bottom--lg { padding-bottom: 100px; } .section-padding-bottom--md { padding-bottom: 80px; } .section-padding-bottom--sm { padding-bottom: 65px; } .section-padding-bottom--xs { padding-bottom: 50px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .section-padding--xlg { padding: 100px 0; } .section-padding--lg { padding: 80px 0; } .section-padding--md { padding: 70px 0; } .section-padding--sm { padding: 60px 0; } .section-padding-top--xlg { padding-top: 100px; } .section-padding-top--lg { padding-top: 80px; } .section-padding-top--md { padding-top: 70px; } .section-padding-top--sm { padding-top: 60px; } .section-padding-bottom--xlg { padding-bottom: 100px; } .section-padding-bottom--lg { padding-bottom: 80px; } .section-padding-bottom--md { padding-bottom: 70px; } .section-padding-bottom--sm { padding-bottom: 60px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .section-padding--xlg { padding: 80px 0; } .section-padding--lg { padding: 70px 0; } .section-padding--md { padding: 60px 0; } .section-padding--xs { padding: 20px 0; } .section-padding-top--xlg { padding-top: 80px; } .section-padding-top--lg { padding-top: 70px; } .section-padding-top--md { padding-top: 60px; } .section-padding-bottom--xlg { padding-bottom: 80px; } .section-padding-bottom--lg { padding-bottom: 70px; } .section-padding-bottom--md { padding-bottom: 60px; } } @media only screen and (max-width: 767px) { .section-padding--xlg { padding: 70px 0; } .section-padding--lg { padding: 60px 0; } .section-padding--md { padding: 50px 0; } .section-padding--xs { padding: 20px 0; } .section-padding-top--xlg { padding-top: 00px; } .section-padding-top--lg { padding-top: 60px; } .section-padding-top--md { padding-top: 50px; } .section-padding-bottom--xlg { padding-bottom: 70px; } .section-padding-bottom--lg { padding-bottom: 60px; } .section-padding-bottom--md { padding-bottom: 50px; } } .mt-10-reverse { margin-top: -10px; } .mt-20-reverse { margin-top: -20px; } .mt-30-reverse { margin-top: -30px; } /* Overlay styles */ [data-overlay], [data-black-overlay] { position: relative; } [data-overlay] > div, [data-overlay] > *, [data-black-overlay] > div, [data-black-overlay] > * { position: relative; z-index: 2; } [data-overlay]:before, [data-black-overlay]:before { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 1; } [data-overlay]:before { background-color: #000000; } [data-black-overlay]:before { background-color: #000000; } [data-overlay="1"]:before, [data-black-overlay="1"]:before { opacity: 0.1; } [data-overlay="2"]:before, [data-black-overlay="2"]:before { opacity: 0.2; } [data-overlay="3"]:before, [data-black-overlay="3"]:before { opacity: 0.3; } [data-overlay="4"]:before, [data-black-overlay="4"]:before { opacity: 0.4; } [data-overlay="5"]:before, [data-black-overlay="5"]:before { opacity: 0.5; } [data-overlay="6"]:before, [data-black-overlay="6"]:before { opacity: 0.6; } [data-overlay="7"]:before, [data-black-overlay="7"]:before { opacity: 0.7; } [data-overlay="8"]:before, [data-black-overlay="8"]:before { opacity: 0.8; } [data-overlay="9"]:before, [data-black-overlay="9"]:before { opacity: 0.9; } [data-overlay="10"]:before, [data-black-overlay="10"]:before { opacity: 1; } /* Other Styels */ [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after { font-family: Flaticon; font-size: inherit; font-style: normal; margin-left: 0; line-height: inherit; } #scrollUp { right: 30px; bottom: 30px; height: 45px; width: 45px; line-height: 44px; text-align: center; background: #1da838; color: #ffffff; font-size: 22px; border-radius: 100%; border: 1px solid #1da838; -webkit-box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.1); -webkit-animation: bounceIn 0.8s ease-in-out 1 both; -moz-animation: bounceIn 0.8s ease-in-out 1 both; -ms-animation: bounceIn 0.8s ease-in-out 1 both; -o-animation: bounceIn 0.8s ease-in-out 1 both; animation: bounceIn 0.8s ease-in-out 1 both; } button.plyr__play-large { background: #1da838; padding: 15px; border: 2px solid #ffffff; } button.plyr__play-large:focus, button.plyr__play-large:active { outline: none; border: none; } .plyr input[type=range] { background: #1da838; border-radius: 100px; height: 8px; } .plyr--video .plyr__controls button.tab-focus:focus, .plyr--video .plyr__controls button:hover { background: #EF785A; } .select2-container { width: 100% !important; } .select2-container .select2-selection--single { height: 45px; border-radius: 0; background: transparent; border: 1px solid #d9d9d9; color: #454545; } .select2-container .select2-selection--single:focus, .select2-container .select2-selection--single:active { outline: none; } .select2-container .select2-selection--single:focus { border-color: #1da838; } .select2-container .select2-selection--single .select2-selection__rendered { color: #454545; } .select2-container--default .select2-selection--single .select2-selection__rendered { padding-left: 20px; line-height: 45px; } .select2-container--default .select2-selection--single .select2-selection__arrow { top: 10px; right: 5px; } .select2-search--dropdown { display: none; } .select2-results__option { padding: 2px 10px 0px 16px; } .select2-dropdown { border-radius: 0; } [class*=" flaticon-"] { vertical-align: middle; } [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after { font-size: inherit; margin-left: 0; } /******************* Elements Styles ********************/ /** Button Styles */ a.cr-btn, button.cr-btn, .cr-btn { display: inline-block; background: #1da838; padding: 10px 30px; color: #fff; font-weight: 600; text-transform: uppercase; font-size: 15px; position: relative; vertical-align: middle; overflow: hidden; border: 1px solid #1da838; -webkit-transition: border-color 0.5s ease-in-out 0s; -moz-transition: border-color 0.5s ease-in-out 0s; -ms-transition: border-color 0.5s ease-in-out 0s; -o-transition: border-color 0.5s ease-in-out 0s; transition: border-color 0.5s ease-in-out 0s; } a.cr-btn span, button.cr-btn span, .cr-btn span { position: relative; line-height: auto; } a.cr-btn:before, button.cr-btn:before, .cr-btn:before { left: 50%; top: 50%; height: 400px; width: 400px; position: absolute; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: box-shadow 0.5s ease-in-out 0s; -moz-transition: box-shadow 0.5s ease-in-out 0s; -ms-transition: box-shadow 0.5s ease-in-out 0s; -o-transition: box-shadow 0.5s ease-in-out 0s; -webkit-transition: -webkit-box-shadow 0.5s ease-in-out 0s; transition: -webkit-box-shadow 0.5s ease-in-out 0s; transition: box-shadow 0.5s ease-in-out 0s; transition: box-shadow 0.5s ease-in-out 0s, -webkit-box-shadow 0.5s ease-in-out 0s; border-radius: 100%; } a.cr-btn:hover, button.cr-btn:hover, .cr-btn:hover { color: #fff; border-color: #1da838;opacity: 0.9; } a.cr-btn:hover:before, button.cr-btn:hover:before, .cr-btn:hover:before { -webkit-box-shadow: inset 0 0 0 400px #214649; -moz-box-shadow: inset 0 0 0 400px #214649; -ms-box-shadow: inset 0 0 0 400px #214649; -o-box-shadow: inset 0 0 0 400px #214649; box-shadow: inset 0 0 0 400px #214649; } a.cr-btn.cr-btn--lg, button.cr-btn.cr-btn--lg, .cr-btn.cr-btn--lg { padding: 12px 30px; } a.cr-btn.cr-btn--sm, button.cr-btn.cr-btn--sm, .cr-btn.cr-btn--sm { padding: 8px 40px; } a.cr-btn.cr-btn--cm, button.cr-btn.cr-btn--cm, .cr-btn.cr-btn--cm { padding: 5px 20px; } a.cr-btn.cr-btn--transparent, button.cr-btn.cr-btn--transparent, .cr-btn.cr-btn--transparent { font-weight: 600; font-size: 14px; color: #646464; background: transparent; border-color: #9f9f9f; } a.cr-btn.cr-btn--transparent:hover, button.cr-btn.cr-btn--transparent:hover, .cr-btn.cr-btn--transparent:hover { border-color: #1da838; color: #fff; } a.cr-btn.cr-btn--transparent:hover:before, button.cr-btn.cr-btn--transparent:hover:before, .cr-btn.cr-btn--transparent:hover:before { -webkit-box-shadow: inset 0 0 0 400px #1da838; -moz-box-shadow: inset 0 0 0 400px #1da838; -ms-box-shadow: inset 0 0 0 400px #1da838; -o-box-shadow: inset 0 0 0 400px #1da838; box-shadow: inset 0 0 0 400px #1da838; } /* Readmore Buttons */ .cr-readmore, a.cr-readmore, button.cr-readmore { display: inline-block; border: 1px solid #1da838; padding: 3px 18px; color: #1da838; } .cr-readmore-2, a.cr-readmore-2, button.cr-readmore-2 { display: inline-block; color: #1da838; font-weight: 500; } .cr-readmore-2::after, a.cr-readmore-2::after, button.cr-readmore-2::after { content: "\f101"; font-family: 'fontAwesome'; padding-left: 5px; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .cr-readmore-2:hover, a.cr-readmore-2:hover, button.cr-readmore-2:hover { color: #1da838; } .cr-readmore-2:hover::after, a.cr-readmore-2:hover::after, button.cr-readmore-2:hover::after { padding-left: 10px; } a.video-btn, button.video-btn, .video-btn { display: inline-block; height: 60px; width: 60px; cursor:pointer; text-align: center; border-radius: 100px; background: #1da838; color: #ffffff; line-height: 1; font-size: 28px; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } a.video-btn i, button.video-btn i, .video-btn i { line-height: 60px; padding-left: 5px; } a.video-btn:hover, button.video-btn:hover, .video-btn:hover { -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); } /** Section Title Styles */ .section-title { padding-left: 0; padding-right: 90px; } .section-title h4 { color: #323232; font-weight: 600; margin-bottom: 5px; line-height: 1; margin-top: -2px; } .section-title h2 { color: #2b2b2b; font-weight: 700; } .section-title.text-center { padding: 0 60px; text-align: center; } .section-title.text-right { padding-right: 0; padding-left: 90px; } .section-title.no-padding { padding: 0 !important; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .section-title { padding-right: 30px; } .section-title.text-center { padding: 0 25px; } .section-title.text-right { padding-left: 30px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .section-title { padding-right: 30px; } .section-title.text-center { padding: 0 25px; } .section-title.text-right { padding-left: 30px; } } @media only screen and (max-width: 767px) { .section-title { padding-right: 30px; } .section-title.text-center { padding: 0 25px; } .section-title.text-right { padding-left: 30px; } } @media only screen and (max-width: 575px) { .section-title { padding-right: 0; } .section-title.text-center { padding: 0; } .section-title.text-right { padding-left: 0; } } h4.small-title { color: #303030; font-weight: 700; text-transform: uppercase; margin-bottom: 40px; } /** Slider Elements Styles */ .blog--slider-active .blog__thumb { position: relative; } .blog--slider-active .blog__thumb .cr-slick-arrow { position: absolute; top: 50%; height: 35px; width: 35px; margin-top: -17px; outline: none; border: none; display: inline-block; border-radius: 100%; background: #303030; color: #fff; font-size: 18px; z-index: 2; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .blog--slider-active .blog__thumb .cr-slick-arrow:hover { background: #1da838; } .blog--slider-active .blog__thumb .cr-slick-arrow i { line-height: 35px; } .blog--slider-active .blog__thumb .cr-slick-arrow:active, .blog--slider-active .blog__thumb .cr-slick-arrow:focus { outline: none; } .blog--slider-active .blog__thumb .cr-slick-arrow.cr-slick-prev { left: 25px; } .blog--slider-active .blog__thumb .cr-slick-arrow.cr-slick-next { right: 25px; } .blog--slider-active .blog__thumb:hover .cr-slick-arrow { opacity: 1; visibility: visible; } /* Slider Arrow Style */ .banner-slider-active { position: relative; } .banner-slider-active .cr-slick-arrow { position: absolute; top: 50%; height: 60px; width: 60px; margin-top: -30px; outline: none; border: none; display: inline-block; border-radius: 100%; background: rgba(255, 255, 255, 0.2); color: #fff; font-size: 30px; z-index: 2; visibility: hidden; opacity: 0; -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; } .banner-slider-active .cr-slick-arrow i { line-height: 58px; } .banner-slider-active .cr-slick-arrow:hover { background: #1da838; } .banner-slider-active .cr-slick-arrow.cr-slick-prev { left: 0; } .banner-slider-active .cr-slick-arrow.cr-slick-next { right: 0; } .banner-slider-active:hover .cr-slick-arrow { visibility: visible; opacity: 1; } .banner-slider-active:hover .cr-slick-arrow.cr-slick-prev { left: 2%; } .banner-slider-active:hover .cr-slick-arrow.cr-slick-next { right: 2%; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .banner-slider-active .cr-slick-arrow { top: auto; bottom: 25px; height: 50px; width: 50px; font-size: 24px; } .banner-slider-active .cr-slick-arrow i { line-height: 48px; } .banner-slider-active .cr-slick-arrow.cr-slick-prev { left: auto; right: 50%; } .banner-slider-active .cr-slick-arrow.cr-slick-next { right: auto; left: 50%; } .banner-slider-active:hover .cr-slick-arrow.cr-slick-prev { left: auto; right: calc(50% + 15px); } .banner-slider-active:hover .cr-slick-arrow.cr-slick-next { right: auto; left: calc(50% + 15px); } } @media only screen and (min-width: 768px) and (max-width: 991px) { .banner-slider-active .cr-slick-arrow { height: 42px; width: 42px; font-size: 20px; top: auto; bottom: 25px; } .banner-slider-active .cr-slick-arrow i { line-height: 40px; } .banner-slider-active .cr-slick-arrow.cr-slick-prev { left: auto; right: 50%; } .banner-slider-active .cr-slick-arrow.cr-slick-next { right: auto; left: 50%; } .banner-slider-active:hover .cr-slick-arrow.cr-slick-prev { left: auto; right: calc(50% + 15px); } .banner-slider-active:hover .cr-slick-arrow.cr-slick-next { right: auto; left: calc(50% + 15px); } } @media only screen and (max-width: 767px) { .banner-slider-active .cr-slick-arrow { height: 36px; width: 36px; font-size: 18px; top: auto; bottom: 20px; } .banner-slider-active .cr-slick-arrow i { line-height: 34px; } .banner-slider-active .cr-slick-arrow.cr-slick-prev { left: auto; right: 50%; } .banner-slider-active .cr-slick-arrow.cr-slick-next { right: auto; left: 50%; } .banner-slider-active:hover .cr-slick-arrow.cr-slick-prev { left: auto; right: calc(50% + 10px); } .banner-slider-active:hover .cr-slick-arrow.cr-slick-next { right: auto; left: calc(50% + 10px); } } /* Slider Pagination */ .slider--pagination { position: relative; margin-bottom: 0 !important; } .slider--pagination ul.slick-dots { position: absolute; bottom: 5%; right: 8%; display: inline-block; width: auto; counter-reset: li; list-style-type: none; } .slider--pagination ul.slick-dots li { position: relative; display: inline-block; width: auto; height: 30px; margin: 0 12px; padding: 0; cursor: pointer; line-height: 30px; } .slider--pagination ul.slick-dots li button { display: none; } .slider--pagination ul.slick-dots li:before { counter-increment: li; content: "0" counter(li); height: 50px; width: 50px; color: #d6d6d6; letter-spacing: .5px; font-weight: 600; font-size: 24px; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .slider--pagination ul.slick-dots li.slick-active:before { color: #767676; } @media only screen and (min-width: 768px) and (max-width: 991px) { .slider--pagination ul.slick-dots { bottom: 2%; right: 50%; -webkit-transform: translateX(50%); -moz-transform: translateX(50%); -ms-transform: translateX(50%); -o-transform: translateX(50%); transform: translateX(50%); } } @media only screen and (max-width: 767px) { .slider--pagination ul.slick-dots { bottom: 2%; right: 50%; -webkit-transform: translateX(50%); -moz-transform: translateX(50%); -ms-transform: translateX(50%); -o-transform: translateX(50%); transform: translateX(50%); } .slider--pagination ul.slick-dots li:before { font-size: 18px; } } /** Social Icons Styles */ .social-icons ul { padding-left: 0; list-style: none; margin-bottom: 0; } .social-icons ul li { display: inline-block; padding: 0 12px; font-size: 14px; } .social-icons ul li a { color: #ffffff; display: inline-block; } .social-icons ul li:hover a { color: #1da838; } .social-icons ul li:first-child { padding-left: 0; } .social-icons ul li:last-child { padding-right: 0; } .social-icons ul li.facebook:hover a { color: #3B5998; } .social-icons ul li.twitter:hover a { color: #00ACEE; } .social-icons ul li.google-plus:hover a { color: #DD4B39; } .social-icons ul li.pinterest:hover a { color: #C8232C; } .social-icons ul li.linkedin:hover a { color: #0E76A8; } .social-icons ul li.flickr:hover a { color: #FF0084; } .social-icons ul li.dribbble:hover a { color: #EA4C89; } .social-icons ul li.google:hover a { color: #DD4B39; } .social-icons ul li.skype:hover a { color: #00AFF0; } .social-icons ul li.youtube:hover a { color: #C4302B; } .social-icons ul li.vimeo:hover a { color: #86C9EF; } .social-icons ul li.yahoo:hover a { color: #720E9E; } .social-icons ul li.paypal:hover a { color: #00588B; } .social-icons ul li.instagram:hover a { color: #D6317D; } .social-icons.social-icons--white ul li a { color: #ffffff; } .social-icons.social-icons--rounded ul li { padding: 0 8px; } .social-icons.social-icons--rounded ul li:first-child { padding-left: 0; } .social-icons.social-icons--rounded ul li:last-child { padding-right: 0; } .social-icons.social-icons--rounded ul li a { display: inline-block; height: 30px; width: 30px; line-height: 30px; text-align: center; border: 1px solid #949494; color: #949494; border-radius: 100%; font-size: 13px; } .social-icons.social-icons--rounded ul li:hover a { background: #1da838; color: #ffffff; border-color: #1da838; } .social-icons.social-icons--rounded ul li.facebook:hover a { background: #3B5998; border-color: #3B5998; } .social-icons.social-icons--rounded ul li.twitter:hover a { background: #00ACEE; border-color: #00ACEE; } .social-icons.social-icons--rounded ul li.google-plus:hover a { background: #DD4B39; border-color: #DD4B39; } .social-icons.social-icons--rounded ul li.pinterest:hover a { background: #C8232C; border-color: #C8232C; } .social-icons.social-icons--rounded ul li.linkedin:hover a { background: #0E76A8; border-color: #0E76A8; } .social-icons.social-icons--rounded ul li.flickr:hover a { background: #FF0084; border-color: #FF0084; } .social-icons.social-icons--rounded ul li.dribbble:hover a { background: #EA4C89; border-color: #EA4C89; } .social-icons.social-icons--rounded ul li.google:hover a { background: #DD4B39; border-color: #DD4B39; } .social-icons.social-icons--rounded ul li.skype:hover a { background: #00AFF0; border-color: #00AFF0; } .social-icons.social-icons--rounded ul li.youtube:hover a { background: #C4302B; border-color: #C4302B; } .social-icons.social-icons--rounded ul li.vimeo:hover a { background: #86C9EF; border-color: #86C9EF; } .social-icons.social-icons--rounded ul li.yahoo:hover a { background: #720E9E; border-color: #720E9E; } .social-icons.social-icons--rounded ul li.paypal:hover a { background: #00588B; border-color: #00588B; } .social-icons.social-icons--rounded ul li.instagram:hover a { background: #D6317D; border-color: #D6317D; } .social-icons.social-icons--rounded.social-icons--medium ul li a { height: 35px; width: 35px; line-height: 36px; } .social-icons.social-icons--rounded-color ul li { padding: 0 4px; } .social-icons.social-icons--rounded-color ul li:first-child { padding-left: 0; } .social-icons.social-icons--rounded-color ul li:last-child { padding-right: 0; } .social-icons.social-icons--rounded-color ul li a { display: inline-block; height: 25px; width: 25px; line-height: 27px; text-align: center; border: 1px solid #cccccc; color: #ffffff; border-radius: 100%; font-size: 12px; } .social-icons.social-icons--rounded-color ul li.facebook a { background: #3B5998; border-color: #3B5998; } .social-icons.social-icons--rounded-color ul li.facebook:hover a { color: #3B5998; } .social-icons.social-icons--rounded-color ul li.twitter a { background: #00ACEE; border-color: #00ACEE; } .social-icons.social-icons--rounded-color ul li.twitter:hover a { color: #00ACEE; } .social-icons.social-icons--rounded-color ul li.google-plus a { background: #DD4B39; border-color: #DD4B39; } .social-icons.social-icons--rounded-color ul li.google-plus:hover a { color: #DD4B39; } .social-icons.social-icons--rounded-color ul li.pinterest a { background: #C8232C; border-color: #C8232C; } .social-icons.social-icons--rounded-color ul li.pinterest:hover a { color: #C8232C; } .social-icons.social-icons--rounded-color ul li.linkedin a { background: #0E76A8; border-color: #0E76A8; } .social-icons.social-icons--rounded-color ul li.linkedin:hover a { color: #0E76A8; } .social-icons.social-icons--rounded-color ul li.flickr a { background: #FF0084; border-color: #FF0084; } .social-icons.social-icons--rounded-color ul li.flickr:hover a { color: #FF0084; } .social-icons.social-icons--rounded-color ul li.dribbble a { background: #EA4C89; border-color: #EA4C89; } .social-icons.social-icons--rounded-color ul li.dribbble:hover a { color: #EA4C89; } .social-icons.social-icons--rounded-color ul li.google a { background: #DD4B39; border-color: #DD4B39; } .social-icons.social-icons--rounded-color ul li.google:hover a { color: #DD4B39; } .social-icons.social-icons--rounded-color ul li.skype a { background: #00AFF0; border-color: #00AFF0; } .social-icons.social-icons--rounded-color ul li.skype:hover a { color: #00AFF0; } .social-icons.social-icons--rounded-color ul li.youtube a { background: #C4302B; border-color: #C4302B; } .social-icons.social-icons--rounded-color ul li.youtube:hover a { color: #C4302B; } .social-icons.social-icons--rounded-color ul li.vimeo a { background: #86C9EF; border-color: #86C9EF; } .social-icons.social-icons--rounded-color ul li.vimeo:hover a { color: #86C9EF; } .social-icons.social-icons--rounded-color ul li.yahoo a { background: #720E9E; border-color: #720E9E; } .social-icons.social-icons--rounded-color ul li.yahoo:hover a { color: #720E9E; } .social-icons.social-icons--rounded-color ul li.paypal a { background: #00588B; border-color: #00588B; } .social-icons.social-icons--rounded-color ul li.paypal:hover a { color: #00588B; } .social-icons.social-icons--rounded-color ul li.instagram a { background: #D6317D; border-color: #D6317D; } .social-icons.social-icons--rounded-color ul li.instagram:hover a { color: #D6317D; } .social-icons.social-icons--rounded-color ul li:hover a { background: transparent; color: #fff; } /** Breadcrumb Styles */ .cr-breadcrumb { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .cr-breadcrumb__left { padding: 10px 0; padding-right: 30px; } .cr-breadcrumb__left h3 { color: #fff; text-transform: uppercase; margin-bottom: 10px; line-height: 1; } .cr-breadcrumb__left p { margin-bottom: 0; color: #ffffff; } .cr-breadcrumb__right { padding: 10px 0; } .cr-breadcrumb__pagination { padding-left: 0; margin-bottom: 0; list-style: none; } .cr-breadcrumb__pagination li { list-style: none; color: #ffffff; display: inline-block; text-transform: uppercase; font-weight: 500; } .cr-breadcrumb__pagination li::after { content: " "; padding: 0 10px; } .cr-breadcrumb__pagination li:last-child::after { display: none; } .cr-breadcrumb__pagination li a { color: #ffffff; } .cr-breadcrumb__pagination li a:hover { text-decoration: underline; } @media only screen and (max-width: 767px) { .cr-breadcrumb__left { padding-right: 0; } #Chanpic{ display:none;} } /** Pagination Style */ .cr-pagination { padding-top: 40px; } .cr-pagination ul { display: inline-block; padding-left: 0; margin-bottom: 0; } .cr-pagination ul li { display: inline-block; list-style: none; margin-top: 7px; } .cr-pagination ul li:not(:last-child) { margin-right: 7px; } .cr-pagination ul li a { background: transparent; display: inline-block; font-family: "Poppins", sans-serif; line-height: 33px; min-width: 35px; height: 35px; text-align: center; padding: 0; text-transform: uppercase; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; color: #454545; border: 1px solid #d1d1d1; border-radius: 100px; font-size: 13px; } .cr-pagination ul li.active a, .cr-pagination ul li:hover a { background: #1da838; border-color: #1da838; color: #ffffff; } @media only screen and (max-width: 767px) { .cr-pagination { padding-top: 30px; } } /** * Team Styels */ .team { margin-top: 30px; } .team__header { position: relative; } .team__image { position: relative; } .team__image img { width: 100%;} .team__social { position: absolute; bottom: 27px; left: 30px; } .team__social ul { padding-left: 0; margin-bottom: 0; list-style: none; } .team__social ul li { margin: 15px 0; -webkit-transform: translateX(-60px); -moz-transform: translateX(-60px); -ms-transform: translateX(-60px); -o-transform: translateX(-60px); transform: translateX(-60px); opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .team__social ul li:nth-child(1) { -webkit-transition-delay: 0.24s; -moz-transition-delay: 0.24s; -ms-transition-delay: 0.24s; -o-transition-delay: 0.24s; transition-delay: 0.24s; } .team__social ul li:nth-child(2) { -webkit-transition-delay: 0.36s; -moz-transition-delay: 0.36s; -ms-transition-delay: 0.36s; -o-transition-delay: 0.36s; transition-delay: 0.36s; } .team__social ul li:nth-child(3) { -webkit-transition-delay: 0.48s; -moz-transition-delay: 0.48s; -ms-transition-delay: 0.48s; -o-transition-delay: 0.48s; transition-delay: 0.48s; } .team__social ul li:nth-child(4) { -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -ms-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; } .team__social ul li:nth-child(5) { -webkit-transition-delay: 0.72s; -moz-transition-delay: 0.72s; -ms-transition-delay: 0.72s; -o-transition-delay: 0.72s; transition-delay: 0.72s; } .team__social ul li:nth-child(6) { -webkit-transition-delay: 0.84s; -moz-transition-delay: 0.84s; -ms-transition-delay: 0.84s; -o-transition-delay: 0.84s; transition-delay: 0.84s; } .team__social ul li:first-child { margin-top: 0; } .team__social ul li:last-child { margin-bottom: 0; } .team__social ul li a { display: inline-block; color: #fff; font-size: 16px; line-height: 24px; height: 35px; width: 35px; line-height: 33px; border-radius: 100px; text-align: center; border: 1px solid #fff; } .team__social ul li a:hover { background: #214649; color: #ffffff; border-color: #214649; } .team__content { background: #ffffff; text-align: center; padding: 30px 15px; border: 1px solid #eeeeee; } .team__content h5 { margin-bottom: 2px; } .team__content h5 a { color: #2b2b2b; } .team__content h5 a:hover { color: #214649; } .team__content p { margin-bottom: 0; color: #a0a0a0; } .team:hover .team__image:before { opacity: 0.85; visibility: visible; } .team:hover .team__social ul li { opacity: 1; visibility: visible; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } /** * Videobox */ .videopopup-box { position: relative; z-index: 1; } .videopopup-box::after { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.6); z-index: 2; } .videopopup-box img { position: relative; z-index: -1; width: 100%; } .videopopup-box .video-btn { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 3; } /** Widget Styels */ .widgets.sidebar-widgets { padding-left: 20px; /* About Widget */ /* Widget Search */ /* Widget Recentpost */ /* Widget Categories */ /* Widget Newsletter */ /* Widget Instafeed */ /* Widget Social Icons */ /* Widget Tags */ } .widgets.sidebar-widgets .single-widget { margin-top: 20px; width: 100%; } .widgets.sidebar-widgets .single-widget > h6 { color: #303030; font-size: 18px; font-weight: 700; text-transform: uppercase; position: relative; padding-bottom: 20px; margin-bottom: 20px; } .widgets.sidebar-widgets .single-widget > h6:before { content: ""; position: absolute; left: 0; bottom: 0; height: 2px; width: 100%; background: #f1f1f1; } .widgets.sidebar-widgets .single-widget > h6:after { content: ""; position: absolute; left: 0; bottom: 0; height: 2px; width: 50px; background: #6d6d6d; } .widgets.sidebar-widgets .single-widget > ul { padding-left: 0; list-style: none; margin-bottom: 0; } .widgets.sidebar-widgets .single-widget > ul li { padding-bottom: 25px; } .widgets.sidebar-widgets .single-widget > ul li:last-child { padding-bottom: 0; } .widgets.sidebar-widgets .widget-about__content { padding: 30px; background: #fafafa; } .widgets.sidebar-widgets .widget-about__content h6 { color: #2f2f2f; font-size: 14px; font-weight: 700; text-transform: uppercase; margin-bottom: 5px; } .widgets.sidebar-widgets .widget-about__content h6 small { display: block; font-size: 12px; color: #6f6f6f; text-transform: uppercase; font-weight: 400; } .widgets.sidebar-widgets .widget-search form { position: relative; margin-bottom: 0; } .widgets.sidebar-widgets .widget-search input { height: 50px; line-height: 50px; padding-right: 75px; font-size:14px; } .widgets.sidebar-widgets .widget-search button { position: absolute; right: 0; border: none; outline: none; background-color: #214649; top: 50%; height: 50px; line-height: 50px; margin-top: -25px; color: #ffffff; font-size: 16px; z-index: 1; width: 60px; } .widgets.sidebar-widgets .widget-recentpost ul { padding-left: 0; list-style: none; margin-bottom: 0; } .widgets.sidebar-widgets .widget-recentpost ul li { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; padding-bottom: 30px; } .widgets.sidebar-widgets .widget-recentpost ul li:last-child { margin-bottom: 0; } .widgets.sidebar-widgets .widget-recentpost .widget-recentpost__thumb { -webkit-box-flex: 0; -webkit-flex: 0 0 100px; -moz-box-flex: 0; -moz-flex: 0 0 100px; -ms-flex: 0 0 100px; flex: 0 0 100px; max-width: 100px; display: inline-block; position: relative; -webkit-align-self: flex-start; -moz-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .widgets.sidebar-widgets .widget-recentpost .widget-recentpost__thumb:before { content: ""; left: 0; top: 0; height: 100%; width: 100%; background: rgba(25, 25, 25, 0.65); position: absolute; z-index: 1; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .widgets.sidebar-widgets .widget-recentpost .widget-recentpost__thumb:after { content: "\f0c1"; font-family: fontAwesome; left: 50%; top: 50%; height: 40px; width: 40px; text-align: center; line-height: 40px; margin-left: -20px; position: absolute; z-index: 2; color: #d7d7d7; font-size: 18px; margin-top: 0; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .widgets.sidebar-widgets .widget-recentpost .widget-recentpost__thumb:hover:before { visibility: visible; opacity: 1; } .widgets.sidebar-widgets .widget-recentpost .widget-recentpost__thumb:hover:after { visibility: visible; opacity: 1; margin-top: -20px; } .widgets.sidebar-widgets .widget-recentpost .widget-recentpost__content { padding-left: 17px; -webkit-flex-shrink: 100; -moz-flex-shrink: 100; -ms-flex-negative: 100; flex-shrink: 100; margin-top: -8px; } .widgets.sidebar-widgets .widget-recentpost .widget-recentpost__content span.date { color: #454545; font-size: 14px; font-weight: 400; text-transform: uppercase; } .widgets.sidebar-widgets .widget-recentpost .widget-recentpost__content h6 { font-weight: 600; text-transform: uppercase; color: #2b2b2b; line-height: 1.4; margin-bottom: 0; } .widgets.sidebar-widgets .widget-recentpost .widget-recentpost__content h6 a { display: inline-block; color: #2b2b2b; } .widgets.sidebar-widgets .widget-recentpost .widget-recentpost__content h6 a:hover { color: #1da838; } .widgets.sidebar-widgets .widget-categories ul { padding-left: 0; list-style: none; margin-bottom: 0; } .widgets.sidebar-widgets .widget-categories ul li { line-height: 26px; font-weight: 400; color: #646464; text-transform: uppercase; border-top: 1px solid #e5e5e5; padding-top: 15px; padding-bottom: 11px; font-size: 15px; } .widgets.sidebar-widgets .widget-categories ul li:before { content: url(images/icons/widget-dot.png); padding-right: 23px; } .widgets.sidebar-widgets .widget-categories ul li.currclass a{ color:#214649; font-weight:bold;} .widgets.sidebar-widgets .widget-categories ul li:first-child { border-top: none; padding-top: 0; } .widgets.sidebar-widgets .widget-categories ul li:last-child { padding-bottom: 0; } .widgets.sidebar-widgets .widget-categories ul li a { color: #646464; } .widgets.sidebar-widgets .widget-categories ul li a:hover { color: #1da838; } .widgets.sidebar-widgets .widget-categories ul li span { float: right; } .widgets.sidebar-widgets .widget-newsletter form { position: relative; } .widgets.sidebar-widgets .widget-newsletter form input { height: 50px; } .widgets.sidebar-widgets .widget-newsletter form button { position: absolute; right: 5px; top: 5px; height: calc(100% - 10px); border: none; outline: none; background: #303030; width: 40px; color: #fff; text-align: center; line-height: 40px; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .widgets.sidebar-widgets .widget-newsletter form button:hover { background: #1da838; } .widgets.sidebar-widgets .widget-instagram > ul { margin-left: -2px; margin-top: -2px; margin-right: -2px; margin-bottom: -2px; } .widgets.sidebar-widgets .widget-instagram > ul > li { display: inline-block; height: 118px; width: 118px; overflow: hidden; padding: 2px; vertical-align: middle; position: relative; } .widgets.sidebar-widgets .widget-instagram > ul > li a { display: block; position: relative; } .widgets.sidebar-widgets .widget-instagram > ul > li a:before { content: ""; height: 100%; width: 100%; left: 0; top: 0; position: absolute; background: rgba(25, 25, 25, 0.7); visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .widgets.sidebar-widgets .widget-instagram > ul > li ul.likes-comments { position: absolute; left: 0; top: 0; height: 100%; width: 100%; text-align: center; list-style: none; padding-left: 0; padding-bottom: 0; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; margin-top: 20px; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .widgets.sidebar-widgets .widget-instagram > ul > li ul.likes-comments li { display: inline-block; padding-bottom: 0; font-weight: 400; font-size: 14px; margin: 0 5px; color: #fff; } .widgets.sidebar-widgets .widget-instagram > ul > li ul.likes-comments li span { padding-left: 3px; } .widgets.sidebar-widgets .widget-instagram > ul > li:hover a { z-index: 1; } .widgets.sidebar-widgets .widget-instagram > ul > li:hover a:before { visibility: visible; opacity: 1; } .widgets.sidebar-widgets .widget-instagram > ul > li:hover ul.likes-comments { margin-top: 0; visibility: visible; opacity: 1; z-index: 2; } .widgets.sidebar-widgets .widget-social-icon ul { margin-left: -5px; font-size: 0; } .widgets.sidebar-widgets .widget-social-icon ul li { padding:0; margin-bottom: 3px; display: inline-block; margin-left: 30px; font-size: 18px; } .widgets.sidebar-widgets .widget-social-icon ul li a { display: block; background: #214649; text-align: center; height: 50px; font-size: 20px; line-height: 50px; margin-bottom: 3px; color: #fff; position: relative; width: 115px; } .widgets.sidebar-widgets .widget-social-icon ul li a:before { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: #1da838; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; -webkit-box-shadow: inset 0 0 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 0 0 25px rgba(0, 0, 0, 0.5); -ms-box-shadow: inset 0 0 25px rgba(0, 0, 0, 0.5); -o-box-shadow: inset 0 0 25px rgba(0, 0, 0, 0.5); box-shadow: inset 0 0 25px rgba(0, 0, 0, 0.5); opacity: 0; color:#fff; visibility: hidden; } .widgets.sidebar-widgets .widget-social-icon ul li a > * { position: relative; z-index: 1; } .widgets.sidebar-widgets .widget-social-icon ul li:hover a:before { opacity: 1; visibility: visible; } .widgets.sidebar-widgets .widget-tags ul { margin-left: -13px; } .widgets.sidebar-widgets .widget-tags ul li { display: inline-block; margin-left: 13px; padding-bottom: 18px; } .widgets.sidebar-widgets .widget-tags ul li a { display: inline-block; color: #454545; text-transform: uppercase; font-size: 14px; padding: 0 20px; height: 40px; line-height: 38px; border: 1px solid #eeeeee; } .widgets.sidebar-widgets .widget-tags ul li a:hover { background: #1da838; color: #fff; border-color: #1da838; } .widgets.sidebar-widgets.widgets--left-side { padding-left: 0; padding-right: 20px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .widgets.sidebar-widgets { padding-left: 0; } .widgets.sidebar-widgets.widgets--left-side { padding-right: 0; } .widgets.sidebar-widgets .widget-social-icon ul li a { width: 68px; } .widgets.sidebar-widgets .widget-recentpost .widget-recentpost__thumb { -webkit-box-flex: 0; -webkit-flex: 0 0 100px; -moz-box-flex: 0; -moz-flex: 0 0 100px; -ms-flex: 0 0 100px; flex: 0 0 100px; } .widgets.sidebar-widgets .widget-recentcomment > ul > li h6 { font-size: 15px; } .widgets.sidebar-widgets .widget-social-icon ul li { -webkit-box-flex: 0; -webkit-flex: 0 0 70px; -moz-box-flex: 0; -moz-flex: 0 0 70px; -ms-flex: 0 0 70px; flex: 0 0 70px; } .widgets.sidebar-widgets .widget-instagram > ul > li { height: 98px; width: 98px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .widgets.sidebar-widgets { padding-left: 0; } .widgets.sidebar-widgets.widgets--left-side { padding-right: 0; } .widgets.sidebar-widgets .widget-social-icon ul li a { width:120px; } .widgets.sidebar-widgets { margin-left: -15px; margin-right: -15px; } .widgets.sidebar-widgets .single-widget { width: 50%; padding-left: 15px; padding-right: 15px; } .widgets.sidebar-widgets .widget-recentcomment > ul > li h6 { font-size: 15px; } .widgets.sidebar-widgets .widget-social-icon ul { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; } .widgets.sidebar-widgets .widget-social-icon ul li { margin-right: 3px; } .widgets.sidebar-widgets { margin-top: 0; } .widget-about__thumb img { width: 100%; } .widgets.sidebar-widgets .widget-instagram > ul > li { width: 111px; height: 111px; } } @media only screen and (max-width: 767px) { .widgets.sidebar-widgets { padding-left: 0; } .widgets.sidebar-widgets.widgets--left-side { padding-right: 0; } .widgets.sidebar-widgets .widget-recentpost .widget-recentpost__thumb { -webkit-box-flex: 0; -webkit-flex: 0 0 100px; -moz-box-flex: 0; -moz-flex: 0 0 100px; -ms-flex: 0 0 100px; flex: 0 0 100px; } .widgets.sidebar-widgets .widget-recentcomment > ul > li h6 { font-size: 15px; } .widgets.sidebar-widgets .widget-social-icon ul { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; } .widgets.sidebar-widgets .widget-social-icon ul li { margin-right: 3px; } .widgets.sidebar-widgets { margin-top: 0; } .widget-about__thumb img { width: 100%; } .widgets.sidebar-widgets .widget-instagram > ul > li { width: 115px; height: 115px; } } @media only screen and (max-width: 575px) { .widgets.sidebar-widgets .widget-recentpost .widget-recentpost__thumb { -webkit-box-flex: 0; -webkit-flex: 0 0 60px; -moz-box-flex: 0; -moz-flex: 0 0 60px; -ms-flex: 0 0 60px; flex: 0 0 60px; } .widgets.sidebar-widgets .widget-social-icon ul li a { font-size:16px;} .widgets.sidebar-widgets .widget-instagram > ul > li { width: 115px; height: 115px; } } /** * Pricebox */ .pricebox { text-align: center; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); overflow: hidden; margin-top: 30px; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .pricebox-header { background: #fafafa; } .pricebox-title { padding: 30px 20px; position: relative; z-index: 1; margin-bottom: 0; text-transform: uppercase; font-weight: 400; letter-spacing: 1px; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .pricebox-title::before { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: #eeeeee; z-index: -1; -webkit-transform: rotate(-5deg) scale(1.5); -ms-transform: rotate(-5deg) scale(1.5); transform: rotate(-5deg) scale(1.5); margin-top: -20px; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .pricebox-price { font-size: 42px; font-weight: 300; padding: 45px 20px 30px 20px; } .pricebox-price span { font-size: 14px; font-weight: 400; } .pricebox-body { padding: 30px 20px; } .pricebox-body ul { margin-bottom: 0; padding-left: 0; list-style: none; } .pricebox-body ul li { list-style: none; } .pricebox-body ul li:not(:last-child) { margin-bottom: 8px; } .pricebox-footer { padding: 0 20px 40px 20px; } .pricebox.is-active { -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); } .pricebox.is-active .pricebox-title { color: #ffffff; } .pricebox.is-active .pricebox-title::before { background: #1da838; } .pricebox:hover { -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); } .pricebox:hover .pricebox-title { color: #ffffff; } .pricebox:hover .pricebox-title::before { background: #1da838; } /******************* Blocks Styles ********************/ /** Header Styles */ /* Header Top Styles */ .header { position: relative; z-index: 999; } .header__top__inner { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .header__top__button{ position:relative;} .header__top__button .cr-btn::before { display: none; } .header__top__button .cr-btn:hover { border-color: #1da838; } /* ÏÂÀ­ÄÚÈÝ (ĬÈÏÒþ²Ø) */ .dropdown-content { display: none; position: absolute; background-color: #f9f9f9; padding:15px 0; min-width: 120px; z-index:999; text-align:right; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); right:0px; } /* ÏÂÀ­²Ëµ¥µÄÁ´½Ó */ .dropdown-content a { color: black; padding: 8px 16px; text-decoration: none; display: block; font-size:14px; } /* Êó±êÒÆÉÏÈ¥ºóÐÞ¸ÄÏÂÀ­²Ëµ¥Á´½ÓÑÕÉ« */ .dropdown-content a:hover {background-color: #214649; color:#fff;} /* ÔÚÊó±êÒÆÉÏÈ¥ºóÏÔʾÏÂÀ­²Ëµ¥ */ .header__top__button:hover .dropdown-content { display: block; transition: 1s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -ms-transition: all .3s; transition: all .3s; } /* µ±ÏÂÀ­ÄÚÈÝÏÔʾºóÐÞ¸ÄÏÂÀ­°´Å¥µÄ±³¾°ÑÕÉ« */ .header__top__button:hover .dropbtn { background-color: #3e8e41; } .header__top__info { padding-left: 0; margin-bottom: 0; list-style: none; } .header__top__info li { display: inline-block; padding: 0 30px; vertical-align: middle; line-height: 1; } .header__top__info li:not(:last-child) { border-right: 1px solid rgba(255, 255, 255, 0.6); } .header__top__info li:first-child { padding-left: 0; } .header__top__info li:last-child { padding-right: 0; } .header__top__info li a { color: #fff; font-size: 15px; font-weight: 300; line-height: 1; vertical-align: middle; } .header__top__info li a i { padding-right: 7px; } .header__top__info li a:hover { color: #1da838; } /* Header Bottom Styles */ .header__bottom__inner { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .header__logo a { display: inline-block; padding: 25px 0; } /* Sticky Header */ .sticky--header.is-sticky .header__bottom { position: fixed; left: 0; top: 0; width: 100%; -webkit-animation: slideInDown 0.5s ease-in-out 1 both; -moz-animation: slideInDown 0.5s ease-in-out 1 both; -ms-animation: slideInDown 0.5s ease-in-out 1 both; -o-animation: slideInDown 0.5s ease-in-out 1 both; animation: slideInDown 0.5s ease-in-out 1 both; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); } .sticky--header.is-sticky .header__logo a { padding: 15px 0; } @media only screen and (min-width: 768px) and (max-width: 991px) { .header__top__info li { padding: 0 18px; } .sticky--header { position: relative; } } @media only screen and (max-width: 767px) { .header__top__inner { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; padding: 10px 0; } .header__top__info { text-align: center; } .header__top__info li { padding: 0 20px; } .header__top__info li:first-child { padding-left: 20px; } .header__top__info li:last-child { padding-right: 20px; } .sticky--header { position: relative; } .header__top__button{ display:none;} .header__top__info li { padding:0px 12px;} } @media only screen and (max-width: 575px) { .mean-container .mean-nav { width: 100%; } .header__top__info li { padding:0px 12px;} } /** Navigation Styles */ .main-navigation { display: -webkit-box !important; display: -webkit-flex !important; display: -moz-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-align-self: stretch; -moz-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .main-navigation > ul > li:hover > a { color: #214649; } .main-navigation ul { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-align-self: stretch; -moz-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; padding-left: 0; margin-bottom: 0; } .main-navigation ul li { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-align-self: stretch; -moz-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; padding: 0 20px; /* Dropdown Menu Styles */ /* Last Element */ } .main-navigation ul li:first-child { padding-left: 0; } .main-navigation ul li:last-child { padding-right: 0; } .main-navigation ul li a { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-align-self: stretch; -moz-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; color: #323232; font-weight: 600; font-size: 16px; text-transform: uppercase; } .main-navigation ul li.cr-dropdown { position: relative; } .main-navigation ul li.cr-dropdown > a:after { content: "\f107"; font-family: fontAwesome; margin-left: 5px; line-height: 26px; display: inline-block; } .main-navigation ul li.cr-dropdown .cr-dropdown-menu { position: absolute; left: 0; top: 100%; width: 150px; padding:20px 0; background: #ffffff; visibility: hidden; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; z-index: 99; } .main-navigation ul li.cr-dropdown .cr-dropdown-menu li { display: block; padding: 0; position: relative; /* Sub Dropdown Menu */ } .main-navigation ul li.cr-dropdown .cr-dropdown-menu li a { display: block; font-size: 14px; background: #ffffff; color: #454545; padding: 6px 20px; position: relative; font-weight: 400; } .main-navigation ul li.cr-dropdown .cr-dropdown-menu li:hover > a { background: #214649; color: #ffffff; } .main-navigation ul li.cr-dropdown .cr-dropdown-menu li.cr-dropdown-sub > a { position: relative; } .main-navigation ul li.cr-dropdown .cr-dropdown-menu li.cr-dropdown-sub > a:after { content: "\f105"; font-family: fontAwesome; position: absolute; right: 15px; top: 50%; height: 30px; line-height: 30px; margin-top: -15px; font-size: 14px; } .main-navigation ul li.cr-dropdown .cr-dropdown-menu li ul { position: absolute; left: 100%; top: 0; width: 250px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); z-index: 2; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; background: #fff; } .main-navigation ul li.cr-dropdown .cr-dropdown-menu li:hover ul { visibility: visible; -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); } .main-navigation ul li:hover a:before { width: 100%; } .main-navigation ul li:hover .cr-dropdown-menu { visibility: visible; -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); } .main-navigation ul li.last-elements .cr-dropdown-menu { right: 0; left: auto; } .main-navigation ul li.last-elements .cr-dropdown-menu .cr-sub-dropdown-menu { left: auto; right: 100%; background: #fff; } .main-navigation ul ul { display: block; background: #fff; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .main-navigation ul li { padding: 0 17px; } } /** Banner Styles */ .banner-area { margin-top: 0 !important; } .banner { position: relative; } .banner__single { display: -webkit-box !important; display: -webkit-flex !important; display: -moz-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; min-height: 600px; } .banner__single:focus, .banner__single:active { outline: 0; } .banner__single__content { padding: 55px 0 70px 0; color: #fff; } .banner__single__content h5 { margin-bottom: 20px; } .banner__single__content h1 { font-size: 52px; line-height: 62px; font-weight: 700; margin-bottom: 20px; } .banner__single__content p { font-size: 17px; margin-bottom: 20px; } .banner__single__content .cr-btn { margin-top: 20px; } .banner__single__content.color--black { color: #303030; } .banner-slider-active .banner__single__content { visibility: hidden; opacity: 0; -webkit-transform: translateX(-50px); -ms-transform: translateX(-50px); transform: translateX(-50px); -webkit-transition: all 0.6s ease-in 0.2s; -o-transition: all 0.6s ease-in 0.2s; transition: all 0.6s ease-in 0.2s; } .banner-slider-active .slick-current .banner__single__content { visibility: visible; opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } @media only screen and (min-width: 992px) and (max-width: 1199px) { .banner__single__content h1 { font-size: 42px; line-height: 52px; margin-bottom: 15px; } .banner__single__content a.cr-btn { margin-top: 15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .banner__single { margin-top: 0 !important; } .banner__single__content { text-align: center; } .banner__single__content h1 { font-size: 42px; line-height: 48px; } } @media only screen and (max-width: 767px) { .banner__single { margin-top: 0 !important; min-height:300px; } .banner__single__content { text-align: center; } .banner__single__content h3 { font-size: 18px; } .banner__single__content h1 { font-size: 32px; line-height: 48px; margin-bottom: 15px; } .banner__single__content p { font-size: 16px; margin-bottom: 15px; } .banner__single__content a.cr-btn { margin-top: 15px; } } @media only screen and (max-width: 575px) { .banner__single__content h1 { font-size: 28px; line-height: 38px; } } /** About Area */ .about-area__content h4 { text-transform: uppercase; margin-bottom: 5px; color: #474747; } .about-area__content h3 { color: #303030; text-transform: uppercase; padding-right: 50px; margin-bottom: 25px; } .about-area__content a.cr-btn { margin-top: 27px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .about-area__image { padding: 50px 0; text-align: center; max-height: auto; } .about-area__image img { position: relative; } .about-area__content { padding: 0; padding-bottom: 50px; } } @media only screen and (max-width: 767px) { .about-area__image { padding: 50px 0; text-align: center; max-height: auto; } .about-area__image img { max-width: 100%; position: relative; } .about-area__image img { max-width: 100%; } .about-area__content { padding: 0; padding-bottom: 50px; } } @media only screen and (max-width: 575px) { .about-area__content { padding-left: 0; padding-right: 0; } .about-area__content h3 { padding-right: 0; padding-left: 0; } } /** Features area styles */ .features-area div[class^="col-"]:nth-child(even) .feature::before { background: rgba(29, 168, 56, 0.9); } .feature { padding: 50px 120px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; position: relative; z-index: 1; overflow: hidden; background-size: cover; background-position: center center; } .feature::before { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: rgba(33, 70, 73, 0.9); z-index: -1; } .feature__icon { color: #ffffff; margin-right: 35px; font-size: 60px; height: 65px; width: 65px; display: inline-block; overflow: hidden; position: relative; } .feature__icon span { position: absolute; height: 100%; width: 100%; left: 0; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .feature__icon span i { line-height: 65px; } .feature__icon span:first-child { top: 0; } .feature__icon span:last-child { top: 100%; } .feature__content { -webkit-flex-shrink: 100; -moz-flex-shrink: 100; -ms-flex-negative: 100; flex-shrink: 100; } .feature__content h4 { font-weight: 700; margin-bottom: 10px; color: #ffffff; } .feature__content h4 a { color: #ffffff; } .feature__content p { margin-bottom: 0; color: #ffffff; } .feature:hover .feature__icon span:first-child { top: -100%; } .feature:hover .feature__icon span:last-child { top: 0; } @media only screen and (min-width: 1600px) and (max-width: 1919px) { .feature { padding: 50px; } } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .feature { padding: 50px 30px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .feature { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; text-align: center; padding: 50px 30px; } .feature__icon { margin-right: 0; margin-bottom: 15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .feature { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; text-align: center; padding: 70px 20%; } .feature__icon { margin-right: 0; margin-bottom: 15px; } } @media only screen and (max-width: 767px) { .feature { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; text-align: center; padding: 30px 20%; } .feature__icon { margin-right: 0; margin-bottom: 15px; } } @media only screen and (max-width: 575px) { .feature { padding: 30px 12%; } } /** Service Area */ .service { margin-top: 30px; padding: 15px; padding: 25px 15px; border: 1px solid #eeeeee; background: #fafafa; } .service__icon { border-radius: 100%; text-align:center; color: #214649; height: 105px; line-height:105px; width:105px; margin:0px auto; cursor:pointer; margin-bottom:20px; border: 1px solid #214649; } .service__icon i { font-size: 60px; vertical-align: text-bottom; } .service__icon [class^="flaticon-"]:before, .service__icon [class*=" flaticon-"]:before, .service__icon [class^="flaticon-"]:after, .service__icon [class*=" flaticon-"]:after { vertical-align: text-bottom; } .service__img { -webkit-flex-shrink: 100; -moz-flex-shrink: 100; -ms-flex-negative: 100; flex-shrink: 100; margin-bottom:20px; } .service__img img{ width:100%} .service__content { -webkit-flex-shrink: 100; -moz-flex-shrink: 100; -ms-flex-negative: 100; flex-shrink: 100; } .service__content h5 { text-transform: uppercase; font-weight: 700; color: #2b2b2b; text-align:center; } .service__content h5 a { color: #2b2b2b; } .service__content h5 a:hover { color: #1da838; } .service__content p { margin-bottom: 0; color:#666; text-align:center; } .service:hover .service__icon { -webkit-animation: bounceIn 0.5s ease-in-out 1 both; -moz-animation: bounceIn 0.5s ease-in-out 1 both; -ms-animation: bounceIn 0.5s ease-in-out 1 both; -o-animation: bounceIn 0.5s ease-in-out 1 both; animation: bounceIn 0.5s ease-in-out 1 both; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .service { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .service__icon { } } @media only screen and (min-width: 768px) and (max-width: 991px) { .service { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .service__icon {} } @media only screen and (max-width: 767px) { .service { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .service__icon { } } /** Funfact Area */ .funfact-wrapper { text-align: center; } @media only screen and (min-width: 768px) and (max-width: 991px) { .funfact-wrapper { text-align: left; } } @media only screen and (max-width: 767px) { .funfact-wrapper { text-align: left; } } .funfact { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; padding: 20px 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .funfact-icon { font-size: 46px; color: #fff; margin-right: 17px; } .funfact-content { text-align: left; border-left: 1px solid #ffffff; padding-left: 15px; } .funfact-content h3 { display: block; margin-bottom: 8px; color: #ffffff; line-height: 1; } .funfact-content h5 { margin-bottom: 0; color: #ffffff; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .funfact-icon { font-size: 30px; } } /** Testimonial Styles */ /* Testimonial Content Styles */ .testimonial__content { position: relative; background: #ffffff; padding: 50px 30px; -webkit-box-shadow: 0 8px 19px rgba(0, 0, 0, 0.1); box-shadow: 0 8px 19px rgba(0, 0, 0, 0.1); } .testimonial__content::before { content: ""; position: absolute; left: 50%; top: 100%; height: 30px; width: 30px; display: inline-block; margin-top: -20px; margin-left: -15px; background: #ffffff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-box-shadow: 7px 7px 12px rgba(0, 0, 0, 0.07); box-shadow: 7px 7px 12px rgba(0, 0, 0, 0.07); } .testimonial__content > div { position: relative; } .testimonial__content .slick-list { padding-left: 0; padding-right: 0; } .testimonial__content__single { padding: 0 45px; } .testimonial__content__single p { margin-bottom: 0; font-size: 18px; } .testimonial__content__single p::before, .testimonial__content__single p::after { font-family: 'FontAwesome'; opacity: 0.3; font-size: 24px; } .testimonial__content__single p::before { content: "\f10d"; padding-right: 20px; } .testimonial__content__single p:after { content: "\f10e"; padding-left: 20px; } .testimonial__content__single:active, .testimonial__content__single:focus { outline: none; } /* Testimonial Author Styles */ .testimonial__author { margin-top: 35px; display: inline-block; width: 65%; vertical-align: middle; } .testimonial__author .slick-list { padding-left: 0 !important; padding-right: 0 !important; } .testimonial__author__single { text-align: center; opacity: 0.35; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .testimonial__author__single:active, .testimonial__author__single:focus { outline: none; } .testimonial__author__image { height: 80px; width: 80px; border-radius: 100%; display: inline-block; overflow: hidden; border: 8px solid #eeeeee; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; } .testimonial__author__image img { height: 100%; width: 100%; } .testimonial__author__description { margin-top: 5px; } .testimonial__author__description h6 { font-size: 14px; color: #595959; font-weight: 700; margin-bottom: 0; text-transform: uppercase; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .testimonial__author__description span { display: block; color: #a1a1a1; font-weight: 400; font-size: 14px; text-transform: uppercase; line-height: 1; margin-top: 5px; } .testimonial__author__single.slick-center { opacity: 1; } .testimonial__author__single.slick-center .testimonial__author__description h6 { color: #1da838; } @media only screen and (max-width: 767px) { .testimonial__author { width: 85%; } .testimonial__content__single p { font-size: 16px; } .widget-quick-links,{ display:none;} .service { padding:15px 10px; border: 1px solid #eeeeee; background: #fafafa; } .service__icon { border-radius: 100%; text-align:center; color: #214649; height: 65px; line-height:65px; width:65px; margin:0px auto; cursor:pointer; margin-bottom:20px; border: 1px solid #214649; } .service__icon i { font-size: 40px; vertical-align: text-bottom; } .service__icon [class^="flaticon-"]:before, .service__icon [class*=" flaticon-"]:before, .service__icon [class^="flaticon-"]:after, .service__icon [class*=" flaticon-"]:after { vertical-align: text-bottom; } .service__content h5,.service__content p { width:100%; word-break:break-all; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; color: #2b2b2b; text-align:center; } } @media only screen and (max-width: 575px) { .testimonial__content__single { padding: 0; } .testimonial__author { width: 100%; } .service { padding:15px 10px; border: 1px solid #eeeeee; background: #fafafa; } .service__icon { border-radius: 100%; text-align:center; color: #214649; height: 65px; line-height:65px; width:65px; margin:0px auto; cursor:pointer; margin-bottom:20px; border: 1px solid #214649; } .service__icon i { font-size: 40px; vertical-align: text-bottom; } .service__icon [class^="flaticon-"]:before, .service__icon [class*=" flaticon-"]:before, .service__icon [class^="flaticon-"]:after, .service__icon [class*=" flaticon-"]:after { vertical-align: text-bottom; } .service__content h5,.service__content p { width:100%; word-break:break-all; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; color: #2b2b2b; text-align:center; } } /** Blog Styles */ .blog-area__blogs { margin-top: 30px; } .blog { margin-top: 30px; -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15); } .blog blockquote { margin-bottom: 0; } .blog__thumb { overflow: hidden; height:180px; text-align:center; } .blog__thumb a { display: inline-block; } .blog__thumb img{ width:100%;} .blog__content__body { padding: 20px; } .blog__content__body h4 { text-transform: uppercase; font-weight: 500; font-size:16px; margin-bottom: 10px;} .blog__content__body h4 a { color: #2b2b2b; } .blog__content__body h4 a:hover { color: #1da838; } .blog__content__body p { margin-bottom: 0; color:#888; font-size:12px; line-height:150%; } .blog__content__categories { list-style: none; padding-left: 0; margin-bottom: 10px; font-size: 0; } .blog__content__categories li { display: inline-block; color: #9d9d9d; font-size: 12px; font-weight: 400; text-transform: uppercase; } .blog__content__categories li:after { content: ""; margin: 0 10px; height: 5px; width: 5px; display: inline-block; background: #9d9d9d; } .blog__content__categories li:last-child:after { display: none; } .blog__content__categories li a { display: inline-block; color: #9d9d9d; } .blog__content__categories li a:hover { color: #1da838; } .blog__content__meta { padding-left: 0; padding-bottom: 5px; list-style: none; margin: 0; } .blog__content__meta li { display: inline-block; color: #454545; font-size: 14px; font-weight: 400;} .blog__content__meta li:after { content: "-"; padding: 0 5px; } .blog__content__meta li:last-child:after { display: none; } .blog__content__meta li a { display: inline-block; color: #454545; } .blog__content__meta li a:hover { color: #1da838; transition: all .6s; } .blog__content__author { padding: 12px 20px; border-top: 1px solid #eeeeee; display: block; font-size: 12px; } .blog__content__author a { color: #454545; } .blog__content__author a:hover { color: #1da838; } /* Pinned Blog Style */ .blog.sticky .blog__thumb { position: relative; } .blog.sticky .blog__thumb:before { content: "\e69b"; font-family: 'Pe-icon-7-stroke'; position: absolute; left: 20px; top: 20px; z-index: 9; font-size: 20px; height: 40px; width: 40px; background: #303030; color: #fff; text-align: center; line-height: 38px; border-radius: 100%; } .blog.sticky .blog__thumb2 { position: relative; } .blog.sticky .blog__thumb2:before { content: "\e69b"; font-family: 'Pe-icon-7-stroke'; position: absolute; left: 20px; top: 20px; z-index: 9; font-size: 20px; height: 40px; width: 40px; background: #303030; color: #fff; text-align: center; line-height: 38px; border-radius: 100%; } /* Only Content Blog */ .blog.blog--onlycontent.sticky .blog__content h2 { position: relative; text-indent: 60px; } .blog.blog--onlycontent.sticky .blog__content h2:before { content: "\e69b"; font-family: 'Pe-icon-7-stroke'; position: absolute; left: 0; top: 0; z-index: 9; font-size: 20px; height: 40px; width: 40px; background: #303030; color: #fff; text-align: center; line-height: 38px; border-radius: 100%; text-indent: 0; } .blog.blog--onlycontent.sticky .blog__content .blog__content__header h4 { position: relative; padding-left: 60px; } .blog.blog--onlycontent.sticky .blog__content .blog__content__header h4:before { content: "\e69b"; font-family: 'Pe-icon-7-stroke'; position: absolute; left: 0; top: 50%; margin-top: -23px; z-index: 9; font-size: 20px; height: 40px; width: 40px; background: #303030; color: #fff; text-align: center; line-height: 38px; border-radius: 100%; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .blog__content__body { padding: 20px; } .blog__content__body h4 { font-size: 18px; } .blog__content__author { padding: 12px 20px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .blog__content__header h4 { font-size: 18px; } } @media only screen and (max-width: 575px) { .blog__content__body { padding: 20px; } .blog__content__body h4 { font-size: 18px; } .blog__content__author { padding: 12px 20px; } .blog__content__header h4 { font-size: 18px; } } /* List Blog Style */ .bloglist { margin-top: -60px; } .bloglist .blog { margin-top: 60px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.08); -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.08); -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.08); box-shadow: 0 0 10px rgba(0, 0, 0, 0.08); } .bloglist .blog__content { padding: 40px; } .bloglist .blog__content h3 { text-transform: uppercase; color: #303030; } .bloglist .blog__content h3 a { color: #303030; } .bloglist .blog__content h3 a:hover { color: #1da838; } .bloglist .blog__content .cr-readmore, .bloglist .blog__content .cr-readmore-2 { margin-top: 10px; } .bloglist .blog.sticky .blog__thumb:before { left: 40px; top: 40px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .bloglist .blog__content h2 { font-size: 24px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .bloglist .blog__content h2 { font-size: 24px; } } @media only screen and (max-width: 767px) { .bloglist .blog__content h2 { font-size: 24px; line-height: 36px; } .bloglist .blog__content { padding: 30px; } .blog.blog--onlycontent.sticky .blog__content h2:before { top: -7px; } .bloglist .blog.sticky .blog__thumb:before { left: 30px; top: 30px; } .bloglist .blog__thumb iframe { min-height: 300px; } } /** Call to action styles */ .calltoaction { padding-left: 0; padding-right: 55px; } .calltoaction.text-left { padding-left: 0; padding-right: 55px; } .calltoaction.text-center { padding: 0 55px; } .calltoaction.text-right { padding-right: 0; padding-left: 55px; } .calltoaction h3 { font-weight: 700; text-transform: uppercase; color: #303030; } .calltoaction p { margin-bottom: 0; } .calltoaction .calltoaction-button { font-weight: 400; font-size: 26px; text-transform: uppercase; color: #333; background: #fff; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .calltoaction .calltoaction-button span.calltoaction-icon { height: 50px; width: 50px; line-height: 50px; text-align: center; display: inline-block; vertical-align: middle; background: #214649; color: #fff; font-size: 26px; } .calltoaction .calltoaction-button a { font-weight: 600; color: #214649; padding: 0 30px; } @media only screen and (max-width: 767px) { .calltoaction.text-center { padding: 0; } .calltoaction h6 a { font-size: 20px; } .calltoaction .calltoaction-button { font-size: 18px; } } /** Features Page */ .pg-features { margin-top: 130px; } .pg-features:first-child, .pg-features:only-child { margin-top: 0; } .pg-features:nth-child(even) .pg-features__description { padding-right: 0; padding-left: 50px; } .pg-features:nth-child(even) .pg-features__thumb:after { right: auto; left: -20px; background: #1da838; } .pg-features:nth-child(odd) .pg-features__thumb:after { background: #214649; } .pg-features__thumb { position: relative; } .pg-features__thumb:after { content: ""; position: absolute; right: -20px; bottom: -20px; height: 70%; width: 80%; background: #214649; } .pg-features__thumb > * { z-index: 1; position: relative; } .pg-features__description { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; padding-right: 50px; } .pg-features__icon { -webkit-box-flex: 100; -webkit-flex-grow: 100; -moz-flex-grow: 100; -ms-flex-positive: 100; flex-grow: 100; font-size: 60px; display: inline-block; line-height: 65px; color: #303030; padding-right: 35px; } .pg-features__content { -webkit-flex-shrink: 100; -moz-flex-shrink: 100; -ms-flex-negative: 100; flex-shrink: 100; } .pg-features__content h3 { color: #303030; text-transform: uppercase; font-size: 28px; font-weight: 700; margin-bottom: 20px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .pg-features:nth-child(even) .pg-features__description { padding-left: 0; } .pg-features .pg-features__description { padding-right: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .pg-features { margin-top: 50px; } .pg-features:nth-child(even) .pg-features__description { padding-left: 0; } .pg-features .pg-features__description { padding-right: 0; } .pg-features__thumb { margin-left: 20px; display: inline-block; } .pg-features__thumb:after { right: auto; left: -20px; } .pg-features__description { margin-top: 50px; } } @media only screen and (max-width: 767px) { .pg-features { margin-top: 50px; } .pg-features:nth-child(even) .pg-features__description { padding-left: 0; } .pg-features .pg-features__description { padding-right: 0; } .pg-features__thumb { margin-left: 20px; display: inline-block; } .pg-features__thumb:after { right: auto; left: -20px; } .pg-features__description { margin-top: 50px; } } @media only screen and (max-width: 767px) { .pg-features__description { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .pg-features__icon { margin-bottom: 20px; } } /** Services Page Styles */ .pg-services__details h4 { margin-bottom: 7px; font-weight: 600; } .pg-services__details h3 { margin-bottom: 20px; font-weight: 700; } .pg-services__details p:last-child { margin-bottom: 0; } .pg-services-area__srevicelist { margin-top: 40px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .pg-services__details { padding-right: 0; } .pg-services__details h3 { margin-bottom: 20px; } .pg-services__thumb { padding: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .pg-services__details { margin-top: 30px; padding-right: 0; text-align: center; } .pg-services__details h3 { margin-bottom: 20px; } } @media only screen and (max-width: 767px) { .pg-services__details { margin-top: 30px; padding-right: 0; text-align: center; } .pg-services__details h3 { margin-bottom: 20px; } } /** Single Service Page Styles */ .pg-service__content { padding-left: 30px; } .pg-service__content p:last-of-type { margin-bottom: 0; } .pg-service__block { margin-top: 40px; } .pg-service__block h3 { color: #303030; font-size: 24px; } .pg-service__insideblocks h6 { text-transform: uppercase; font-size: 16px; font-weight: 700; color: #626262; text-decoration: underline; } .pg-service__insideblock { margin-top: 30px; } .pg-service__insideblock p { margin-bottom: 0; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .pg-service__content { padding-left: 0; } .pg-service__insideblock { padding-right: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .pg-service__content { padding-left: 0; margin-top: 40px; } .pg-service__insideblock { padding-right: 0; } .pg-service__thumb-bottom { margin-top: 40px; } } @media only screen and (max-width: 767px) { .pg-service__content { padding-left: 0; margin-top: 40px; } .pg-service__insideblock { padding-right: 0; } .pg-service__thumb-bottom { margin-top: 40px; } } /* Service Pagination */ .pg-service-area { position: relative; } .pg-service__pagination .service-pagination, .pg-service__pagination a.service-pagination { letter-spacing: 0.5px; color: #a5a5a5; background: #f2f2f2; font-weight: 600; display: inline-block; width: 54px; font-size: 16px; text-transform: uppercase; padding: 24px 20px 20px; word-wrap: break-word; line-height: 1.2; text-align: center; position: absolute; top: 50%; margin-top: -50px; } .pg-service__pagination .service-pagination.prev, .pg-service__pagination a.service-pagination.prev { right: auto; left: 2%; } .pg-service__pagination .service-pagination.next, .pg-service__pagination a.service-pagination.next { left: auto; right: 2%; } .pg-service__pagination .service-pagination:hover, .pg-service__pagination a.service-pagination:hover { background: #1da838; color: #ffffff; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } @media only screen and (min-width: 992px) and (max-width: 1199px) { .pg-service__pagination { text-align: center; margin-top: 50px; } .pg-service__pagination .service-pagination, .pg-service__pagination a.service-pagination { position: relative; width: auto; margin-top: 0; margin: 0 5px; padding: 10px 15px 13px 15px; padding-top: 15px; } .pg-service__pagination .service-pagination.prev, .pg-service__pagination a.service-pagination.prev { left: auto; right: auto; } .pg-service__pagination .service-pagination.next, .pg-service__pagination a.service-pagination.next { left: auto; right: auto; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .pg-service__pagination { text-align: center; margin-top: 50px; } .pg-service__pagination .service-pagination, .pg-service__pagination a.service-pagination { position: relative; width: auto; margin-top: 0; margin: 0 5px; padding: 10px 15px 13px 15px; padding-top: 15px; } .pg-service__pagination .service-pagination.prev, .pg-service__pagination a.service-pagination.prev { left: auto; right: auto; } .pg-service__pagination .service-pagination.next, .pg-service__pagination a.service-pagination.next { left: auto; right: auto; } } @media only screen and (max-width: 767px) { .pg-service__pagination { text-align: center; margin-top: 50px; } .pg-service__pagination .service-pagination, .pg-service__pagination a.service-pagination { position: relative; width: auto; margin-top: 0; margin: 0 5px; padding: 10px 15px 13px 15px; padding-top: 15px; } .pg-service__pagination .service-pagination.prev, .pg-service__pagination a.service-pagination.prev { left: auto; right: auto; } .pg-service__pagination .service-pagination.next, .pg-service__pagination a.service-pagination.next { left: auto; right: auto; } } /** Blog Details Styles */ .pg-blog{ padding-right:5%; min-height:600px; border-right:1px solid #dedede;} .pg-blogtwo{ padding:0 5%; min-height:600px; border-left:1px solid #dedede;} .pg-blog-thumb { margin-bottom: 50px; } .pg-blog-video { margin-bottom: 50px; } h2.pg-blog-title { font-size: 34px; font-weight: 700; color: #303030; } .pg-blog-meta { padding-left: 0; } .pg-blog-meta li { font-size: 14px; font-weight: 400; color: #a8a8a8; text-transform: uppercase; display: inline-block; vertical-align: middle; } .pg-blog-meta li:after { content: "-"; padding: 0 10px; } .pg-blog-meta li:last-child:after { display: none; } .pg-blog-meta li a { color: #a8a8a8; } .pg-blog-meta li a:hover { color: #1da838; } .pg-blog-content { padding-bottom: 50px; border-bottom: 1px solid #e1e1e1; } .pg-blog-content ol { margin-top: 30px; margin-bottom: 30px; list-style: decimal-leading-zero; padding-left: 0; list-style-position: inside; } .pg-blog-content ol li { margin-bottom: 10px; } .pg-blog-content img { margin-bottom: 20px; } .pg-blog-block { margin-top: 70px; } .pg-blog-block:last-of-type { margin-bottom: 40px; } .pg-blog-authorbox { padding: 40px; background: #fafafa; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } .pg-blog-authoriamge { height: 95px; width: 95px; display: block; overflow: hidden; border-radius: 5px; margin-right: 25px; } .pg-blog-authoriamge img { width: 100%; } .pg-blog-authordes { -webkit-flex-shrink: 100; -moz-flex-shrink: 100; -ms-flex-negative: 100; flex-shrink: 100; } .pg-blog-authordes h6 { line-height: 28px; font-size: 16px; color: #5f5f5f; text-transform: uppercase; font-weight: 700; margin-bottom: 10px; } .pg-blog-authordes p { margin-bottom: 0; } .pg-blog-social { border: 1px solid #e9e9e9; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 5px 20px; } .pg-blog-social h6 { font-size: 16px; font-weight: 400; color: #636363; margin-right: 10px; margin-bottom: 0; } .pg-blog-social-icons { margin-right: 30px; } .pg-blog-social-icons, .pg-blog-tags { padding: 5px 0; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .pg-blog-tags ul { margin-bottom: 0; padding-left: 0; } .pg-blog-tags ul li { display: inline-block; font-size: 16px; color: #808080; font-weight: 300; } .pg-blog-tags ul li:after { content: ","; } .pg-blog-tags ul li:last-child:after { display: none; } .pg-blog-tags ul li a { color: #808080; display: inline-block; } .pg-blog-tags ul li a:hover { color: #1da838; } .pg-blog-block.commentbox form { margin-top: -50px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .pg-blog-content img.alignright { float: none; padding-left: 0; } h2.pg-blog-title { font-size: 32px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .pg-blog-content img.alignright { float: none; padding-left: 0; } h2.pg-blog-title { font-size: 28px; } .pg-blog{ padding-right:0%; min-height:200px; border-right:0px solid #dedede;} .pg-blogtwo{ padding:0%; min-height:200px; border-left:0px solid #dedede;} } @media only screen and (max-width: 767px) { .pg-blog-content img.alignright { float: none; padding-left: 0; } h2.pg-blog-title { font-size: 26px; } .pg-blog{ padding-right:0%; min-height:200px; border-right:0px solid #dedede;} .pg-blogtwo{ padding:0%; min-height:200px; border-left:0px solid #dedede;} .widget-quick-links,.widget-contact-info{ display:none;} } @media only screen and (max-width: 575px) { .pg-blog-content img.alignright { float: none; padding-left: 0; } h2.pg-blog-title { font-size: 26px; } .pg-blog{ padding-right:0%; min-height:200px; border-right:0px solid #dedede;} .pg-blogtwo{ padding:0%; min-height:200px; border-left:0px solid #dedede;} .widget-quick-links,.widget-contact-info{ display:none;} } /** Commentbox & Commentlist Style */ /* Commentlist */ .comment { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; margin-top: 60px; } .comment:first-child { margin-top: 0; } .comment.reply { margin-left: 150px; } .comment__content { -webkit-flex-shrink: 100; -moz-flex-shrink: 100; -ms-flex-negative: 100; flex-shrink: 100; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .comment__content a.reply { font-size: 14px; color: #1da838; font-weight: 600; text-transform: uppercase; } .comment__content a.reply:hover { color: #214649; } .comment__content__top { margin-right: 30px; margin-bottom: 10px; } .comment__content__top h6 { margin-bottom: 0; font-size: 16px; font-weight: 700; color: #5f5f5f; text-transform: uppercase; } .comment__content__top span { font-size: 14px; line-height: 20px; color: #a2a2a2; font-weight: 400; text-transform: uppercase; } .comment__content__bottom { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -moz-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } /* Commentbox */ .commentbox .single-input { position: relative; margin-top: 50px; } .commentbox .single-input label { position: absolute; left: 0; top: 10px; font-size: 13px; color: #4b4b4b; font-weight: 400; -webkit-transition: all 0.5s cubic-bezier(0.68, 0.01, 0.32, 0.99) 0s; -moz-transition: all 0.5s cubic-bezier(0.68, 0.01, 0.32, 0.99) 0s; -ms-transition: all 0.5s cubic-bezier(0.68, 0.01, 0.32, 0.99) 0s; -o-transition: all 0.5s cubic-bezier(0.68, 0.01, 0.32, 0.99) 0s; transition: all 0.5s cubic-bezier(0.68, 0.01, 0.32, 0.99) 0s; } .commentbox .single-input label.state-change { top: -20px; } .commentbox .single-input input, .commentbox .single-input textarea { border: none; border-bottom: 1px solid #eeeeee; line-height: 28px; padding: 7px 20px; color: #5b5b5b; } .commentbox .single-input input:focus, .commentbox .single-input input:active, .commentbox .single-input textarea:focus, .commentbox .single-input textarea:active { outline: none; outline: 0; } @media only screen and (max-width: 767px) { .comment.reply { margin-left: 50px; } } @media only screen and (max-width: 575px) { .comment.reply { margin-left: 30px; } .comment { margin-top: 38px; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .comment__content { padding-top: 20px; } .pg-blog-authorbox { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 20px; } .pg-blog-authordes { padding-top: 20px; } } /** Contact Page Styles */ .pg-contact__content { background: #214649; padding: 40px 30px; color: #fff; } .pg-contact__content > h1 { text-transform: uppercase; padding-right: 50px; } .pg-contact__content > p { padding-right: 50px; } .pg-contact__blocks { padding-top: 30px; background-image: url(images/others/contant_us.png); background-repeat: no-repeat; background-size: 50%; background-position: bottom right; } .pg-contact__blocks .single-block { font-size: 16px; } .pg-contact__blocks .single-block:not(:last-child) { margin-bottom: 30px; } .pg-contact__blocks .single-block h6 { font-size: 16px; text-transform: uppercase; font-weight: 400; color: #ffffff; position: relative; } .pg-contact__blocks .single-block h6:before { height: 8px; width: 8px; content: ""; left: 0; top: -1px; display: inline-block; background: #ffffff; position: relative; margin-right: 15px; } .pg-contact__blocks .single-block p { color: #b1b1b1; margin-bottom: 0; } .pg-contact__blocks .single-block a { color: #b1b1b1; } .pg-contact__blocks .single-block a:hover { color: #1da838; } .google-map { height: 450px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .google-map { height: 300px; } .pg-contact__content { margin-top: 80px; } } @media only screen and (max-width: 767px) { .google-map { height: 300px; } .pg-contact__content { margin-top: 70px; } .pg-contact__content > h1 { padding-right: 0px; font-size: 24px; } .pg-contact__content > p { padding-right: 0; } } /** Appointment Page Styles */ .pg-appintment__title { color: #1da838; } .pg-appintment__box { margin-top: -30px; } .pg-appintment__box .single-input { position: relative; margin-top: 40px; } .pg-appintment__box .single-input input, .pg-appintment__box .single-input textarea, .pg-appintment__box .single-input select { border: none; border-bottom: 1px solid #eeeeee; line-height: 28px; padding: 7px 20px; padding-left: 0; font-size: 16px; color: #4b4b4b; font-weight: 400; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .pg-appintment__box .single-input input:focus, .pg-appintment__box .single-input input:active, .pg-appintment__box .single-input textarea:focus, .pg-appintment__box .single-input textarea:active, .pg-appintment__box .single-input select:focus, .pg-appintment__box .single-input select:active { outline: none; outline: 0; border-color: #000; } .pg-appintment__box .single-input input:placeholder, .pg-appintment__box .single-input textarea:placeholder, .pg-appintment__box .single-input select:placeholder { font-size: 14px; color: #4b4b4b; font-weight: 400; opacity: 1; } .pg-appintment__box .single-input input::-webkit-input-placeholder, .pg-appintment__box .single-input textarea::-webkit-input-placeholder, .pg-appintment__box .single-input select::-webkit-input-placeholder { font-size: 16px; color: #4b4b4b; font-weight: 400; opacity: 1; } .pg-appintment__box .single-input input:-ms-input-placeholder, .pg-appintment__box .single-input textarea:-ms-input-placeholder, .pg-appintment__box .single-input select:-ms-input-placeholder { font-size: 14px; color: #4b4b4b; font-weight: 400; opacity: 1; } .pg-appintment__box .single-input input::-ms-input-placeholder, .pg-appintment__box .single-input textarea::-ms-input-placeholder, .pg-appintment__box .single-input select::-ms-input-placeholder { font-size: 14px; color: #4b4b4b; font-weight: 400; opacity: 1; } .pg-appintment__box .single-input input::placeholder, .pg-appintment__box .single-input textarea::placeholder, .pg-appintment__box .single-input select::placeholder { font-size: 14px; color: #4b4b4b; font-weight: 400; opacity: 1; } .pg-appintment__box .single-input input:-webkit-placeholder, .pg-appintment__box .single-input textarea:-webkit-placeholder, .pg-appintment__box .single-input select:-webkit-placeholder { font-size: 14px; color: #4b4b4b; font-weight: 400; opacity: 1; } .pg-appintment__box .single-input input::-webkit-placeholder, .pg-appintment__box .single-input textarea::-webkit-placeholder, .pg-appintment__box .single-input select::-webkit-placeholder { font-size: 13px; color: #4b4b4b; font-weight: 400; opacity: 1; } .pg-appintment__box .single-input input:-moz-placeholder, .pg-appintment__box .single-input textarea:-moz-placeholder, .pg-appintment__box .single-input select:-moz-placeholder { font-size: 13px; color: #4b4b4b; font-weight: 400; opacity: 1; } .pg-appintment__box .single-input input::-moz-placeholder, .pg-appintment__box .single-input textarea::-moz-placeholder, .pg-appintment__box .single-input select::-moz-placeholder { font-size: 13px; color: #4b4b4b; font-weight: 400; opacity: 1; } .pg-appintment__box .single-input input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .pg-appintment__box .single-input input[type="date"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .pg-appintment__box .single-input.button { text-align: center; margin-top: 50px; } .pg-appintment__box .single-input.button button:focus, .pg-appintment__box .single-input.button button:active { outline: none; } .pg-appintment__box .single-input .select2-container .select2-selection--single { border: none; border-bottom: 1px solid #eeeeee; line-height: 28px; padding: 0; font-size: 13px; color: #4b4b4b; font-weight: 400; } .pg-appintment__box .single-input .select2-container .select2-selection--single:focus, .pg-appintment__box .single-input .select2-container .select2-selection--single:active { outline: none; } .pg-appintment__box .single-input .select2-container .select2-selection--single:focus { border-color: #000; } .pg-appintment__box .single-input .select2-container .select2-selection--single .select2-selection__rendered { color: #4b4b4b; padding-left: 0; } .pg-appintment__box p.form-message { margin-bottom: 0; } .pg-appintment__box p.form-message.success { color: #1da838; padding-top: 15px; } .pg-appintment__box p.form-message.error { color: #EF785A; padding-top: 15px; } /** * Team Details */ .pg-advisor__thumb img { width: 100%; } .pg-advisor__details { background: #214649; -webkit-flex-shrink: 100; -moz-flex-shrink: 100; -ms-flex-negative: 100; flex-shrink: 100; padding: 30px; color: #d0d0d0; position: relative; overflow: hidden; } .pg-advisor__details h2 { font-size: 30px; margin-bottom: 5px; color: #fff; text-transform: uppercase; } .pg-advisor__details h5 { position: relative; display: inline-block; padding-bottom: 5px; margin-bottom: 20px; text-transform: uppercase; } .pg-advisor__details h5:after { content: ""; position: absolute; left: 0; bottom: 0; height: 1px; width: 100%; background: #b7b7b7; } .pg-advisor__details ul.social-area { padding-left: 0; list-style: none; margin-bottom: 0; font-size: 0; position: absolute; right: 0; bottom: 60px; background: #5c63bf; border-radius: 50px 0 0 50px; } .pg-advisor__details ul.social-area li { display: inline-block; font-size: 15px; } .pg-advisor__details ul.social-area li a { display: inline-block; color: #d0d0d0; font-size: 15px; padding: 0 17px; height: 50px; line-height: 52px; background: #5c63bf; } .pg-advisor__details ul.social-area li a:hover { color: #fff; } .pg-advisor__details ul.social-area li:first-child a { padding-left: 34px; border-radius: 50px 0 0 50px; } .pg-advisor__details ul.social-area li:last-child a { padding-right: 34px; } .pg-advisor__progress { width: 65%; } .pg-advisor__progress__single .progress { background: #abcce2; border-radius: 0; height: 10px; overflow: visible; } .pg-advisor__progress__single { overflow: hidden; margin-top: 27px; } .pg-advisor__progress__single .progress span { position: absolute; right: 0; top: -35px; color: #d0d0d0; font-size: 16px; font-weight: 400; -webkit-transform: translate(50%, 0); -moz-transform: translate(50%, 0); -ms-transform: translate(50%, 0); -o-transform: translate(50%, 0); transform: translate(50%, 0); -webkit-transition: all 0.4s ease 1s; -moz-transition: all 0.4s ease 1s; -ms-transition: all 0.4s ease 1s; -o-transition: all 0.4s ease 1s; transition: all 0.4s ease 1s; } .pg-advisor__progress__single .progress-bar { position: relative; background: #5c63bf; } .pg-advisor__progress__single h6 { margin-bottom: 8px; font-size: 16px; text-transform: uppercase; } .pg-advisor__experience { margin-top: 50px; } .pg-advisor__experience h3 { color: #303030; font-size: 24px; line-height: 28px; padding-left: 40px; margin-bottom: 30px; text-transform: uppercase; } .pg-advisor__experience ul { padding-left: 0; margin-bottom: 0; list-style: none; } .pg-advisor__experience ul li { padding-left: 51px; position: relative; padding-bottom: 40px; } .pg-advisor__experience ul li:before { content: ""; left: 10px; top: 20px; position: absolute; height: 100%; width: 1px; background: #b7b7b7; height: calc(100% - 20px); } .pg-advisor__experience ul li:after { content: ""; position: absolute; left: 0; top: 0; height: 20px; width: 20px; background: transparent; border: 1px solid #d1d1d1; border-radius: 100%; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .pg-advisor__experience ul li:last-child { padding-bottom: 0; } .pg-advisor__experience ul li:last-child:before { display: none; } .pg-advisor__experience ul li h6 { text-transform: uppercase; color: #494949; font-weight: 600; font-size: 16px; margin-bottom: 8px; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .pg-advisor__experience ul li p:last-child { margin-bottom: 0; } .pg-advisor__experience ul li:hover:after { border-color: #1da838; background: #1da838; } .pg-advisor__experience ul li:hover h6 { color: #1da838; } .pg-advisor__biography { margin-top: 50px; padding-right: 30px; } .pg-advisor__biography h3 { color: #303030; font-size: 24px; line-height: 28px; padding-left: 0; margin-bottom: 30px; text-transform: uppercase; } .pg-advisor__biography h4 { color: #666; font-size: 22px; text-transform: uppercase; font-weight: 700; margin-bottom: 5px; margin-top: 40px; } .pg-advisor__biography h6 { text-transform: uppercase; font-weight: 400; color: #303030; } .pg-advisor__biography h6 a { font-size: 24px; color: #1da838; text-transform: lowercase; } .pg-advisor__biography h6 a:hover { color: #EF785A; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .pg-advisor__progress { width: 56%; } .pg-advisor__biography { padding-right: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .pg-advisor__thumb { text-align: center; } .pg-advisor__progress { width: 60%; } .pg-advisor__biography { padding-right: 0; } } @media only screen and (max-width: 767px) { .pg-advisor__thumb { text-align: center; } .pg-advisor__progress { width: 80%; } .pg-advisor__biography { padding-right: 0; } .pg-advisor__details ul.social-area { position: relative; right: 0; bottom: 0; border-radius: 50px; margin-top: 50px; text-align: center; } } @media only screen and (max-width: 575px) { .pg-advisor__thumb { text-align: center; } .pg-advisor__progress { width: 100%; } .pg-advisor__biography { padding-right: 0; } .pg-advisor__details ul.social-area { position: relative; right: 0; bottom: 0; border-radius: 50px; margin-top: 50px; text-align: center; } .pg-advisor__details ul.social-area li:last-child a { padding-right: 0; } .pg-advisor__details ul.social-area li:first-child a { padding-left: 0; } } /** * Portfolio */ .portfolio-filters { font-size: 0; margin-top: 15px; } .portfolio-filters button { display: inline-block; font-size: 16px; color: #454545; background: transparent; padding: 6px 22px 6px 22px; outline: none; font-weight: 700; text-transform: capitalize; margin-top: 10px; letter-spacing: 1px; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; border: none; position: relative; border: 1px solid transparent; } .portfolio-filters button.is-active { color: #1da838; border: 1px solid #1da838; } .portfolio-filters button:hover { color: #1da838; } .portfolio-wrap { margin-top: 20px; } .portfolio { margin-top: 30px; position: relative; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15); box-shadow: 0 0 8px rgba(0, 0, 0, 0.15); overflow: hidden; } .portfolio-image { position: relative; overflow: hidden; } .portfolio-image img { width: 100%; -webkit-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; } .portfolio-content { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; padding: 15px; text-align: center; background: rgba(51, 57, 130, 0.9); text-align: left; padding: 30px; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .portfolio-content a { color: #ffffff; } .portfolio-content h5 { font-weight: 500; margin-bottom: 10px; color: #ffffff; text-transform: uppercase; font-size: 18px; letter-spacing: 0.5px; } .portfolio-content h6 { color: #ffffff; margin-bottom: 0; font-size: 14px; text-transform: uppercase; } .portfolio .portfolio-zoomicon { position: absolute; right: 0; bottom: 0; color: #ffffff; z-index: 3; font-size: 22px; padding: 2px; -webkit-transform: translate(100%, 100%); -ms-transform: translate(100%, 100%); transform: translate(100%, 100%); -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .portfolio .portfolio-zoomicon::before { position: absolute; height: 100px; width: 45px; background: #1da838; bottom: -37px; right: -10px; z-index: 2; content: ""; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .portfolio .portfolio-zoomicon i { position: relative; z-index: 3; } .portfolio:hover { -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.2); box-shadow: 0 0 25px rgba(0, 0, 0, 0.2); } .portfolio:hover .portfolio-zoomicon { -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); } .portfolio:hover .portfolio-image img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .portfolio:hover .portfolio-content { visibility: visible; opacity: 1; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .portfolio-content { padding: 15px; } } /** * Portfolio Details */ .portfolio-details-image img { width: 100%; } .portfolio-details-meta ul { background: #f8f8f8 none repeat scroll 0 0; border: 1px solid #e5e5e5; padding: 0 20px; margin-bottom: 0; list-style: none; text-transform: uppercase; font-size: 14px; } .portfolio-details-meta ul li { list-style: none; border-bottom: 1px solid #e5e5e5; color: #666; padding: 10px 0; } .portfolio-details-meta ul li:last-child { border-bottom: 0 none; } .portfolio-details-meta ul li i { color: #444; font-size: 16px; line-height: normal; margin-right: 20px; } .portfolio-details-meta ul li span { color: #444; font-weight: 600; margin-right: 5px; } .portfolio-details-meta ul li a { color: #454545; } .portfolio-details-meta ul li a:hover { color: #1da838; } .portfolio-details-info .portfolio-title { font-weight: 600; letter-spacing: 1px; } .portfolio-details-info .post-share { border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; overflow: hidden; padding: 10px 0; margin-top: 30px; } .portfolio-details-info .post-share h6 { display: inline-block; vertical-align: middle; margin-bottom: 0; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; font-size: 14px; } .portfolio-details-info .post-share ul { display: inline-block; vertical-align: middle; padding-left: 0; margin-bottom: 0; } .portfolio-details-info .post-share ul li { display: inline-block; list-style: none; margin: 0 6px; font-size: 14px; } .portfolio-details-info .post-share ul li a { display: block; color: #454545; } .portfolio-details-info .post-share ul li a:hover { color: #000000; } @media only screen and (min-width: 768px) and (max-width: 991px) { .portfolio-details-info { margin-top: 50px; } } @media only screen and (max-width: 767px) { .portfolio-details-info { margin-top: 50px; } } /** Boxed Layout Styles */ .boxed--layout { margin: 0 150px; } .boxed--layout .sticky--header.is-sticky .header__bottom { width: calc(100% - 300px); margin-left: 150px; } .boxed--layout .feature { padding: 85px 70px; } .boxed--layout .taxcalc__content__inner { width: 75%; } .boxed--layout .taxcalc__calculation { padding: 125px 70px; } @media only screen and (min-width: 1600px) and (max-width: 1919px) { .boxed--layout { margin: 0 80px; } .boxed--layout .sticky--header.is-sticky .header__bottom { width: calc(100% - 160px); margin-left: 80px; } } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .boxed--layout { margin: 0 30px; } .boxed--layout .sticky--header.is-sticky .header__bottom { width: calc(100% - 60px); margin-left: 30px; } .boxed--layout .taxcalc__calculation { padding: 125px 0; } .boxed--layout .taxcalc__content__inner { right: -8%; width: 90%; padding: 50px; } .boxed--layout .feature { padding: 85px 30px; } } @media only screen and (min-width: 1400px) and (max-width: 1599px) { .boxed--layout .taxcalc__calculation { padding: 125px 15px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .boxed--layout { margin: 0 20px; } .boxed--layout .sticky--header.is-sticky .header__bottom { width: calc(100% - 40px); margin-left: 20px; } .boxed--layout .feature { padding: 55px 30px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .boxed--layout { margin: 0 10px; } .boxed--layout .sticky--header.is-sticky .header__bottom { width: calc(100% - 20px); margin-left: 10px; } .boxed--layout .feature { padding: 55px 30px; } } @media only screen and (max-width: 767px) { .boxed--layout { margin: 0 10px; } .boxed--layout .sticky--header.is-sticky .header__bottom { width: calc(100% - 20px); margin-left: 10px; } } @media only screen and (max-width: 575px) { .boxed--layout .feature { padding: 60px 20px; } .boxed--layout .taxcalc__content__inner { width: 90%; } .boxed--layout .taxcalc__calculation { padding: 80px 10px; } } /** Footer Styles */ .footer-area__logo { margin-bottom: 25px; } .footer--widgets { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; /* Widget About */ /* Widget Quick Links */ /* Widget Twitterfeed */ /* Widget Contact Info */ } .footer--widgets .widget-title { font-weight: 700; color: #dddddd; text-transform: uppercase; margin-bottom: 25px; } .footer--widgets .widget { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -moz-box-flex: 0; -moz-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; padding-right: 30px; margin-top: 20px; margin-bottom: 20px; } .footer--widgets .widget:last-child { padding-right: 0 !important; } .footer--widgets .widget ul { padding-left: 0; margin-bottom: 0; list-style: none; } .footer--widgets .widget ul li { padding-left: 23px; color: #949494; margin-bottom: 13px; position: relative; } .footer--widgets .widget ul li:last-child { margin-bottom: 0; } .footer--widgets .widget ul li:before { content: ""; left: 0; top: 14px; height: 1px; width: 10px; display: inline-block; background: #949494; position: absolute; } .footer--widgets .widget:not(.widget-about) ul li a { color: #949494; } .footer--widgets .widget:not(.widget-about) ul li a:hover { color: #1da838; } .footer--widgets .widget-about { -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -moz-box-flex: 0; -moz-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; padding-right: 60px; text-align:center;} .footer--widgets .widget-about p { color: #949494; } .footer--widgets .widget-about .social-icons ul { padding-left: 0; list-style: none; margin-bottom: 0; } .footer--widgets .widget-about .social-icons ul li { padding-left: 0; margin-bottom: 0; margin-top: 10px; } .footer--widgets .widget-about .social-icons ul li:before { display: none; } .footer--widgets .widget-quick-links { -webkit-box-flex: 0; -webkit-flex: 0 0 30%; -moz-box-flex: 0; -moz-flex: 0 0 30%; -ms-flex: 0 0 30%; flex: 0 0 30%; } .footer--widgets .widget-twitter-feed { padding-right: 75px; -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -moz-box-flex: 0; -moz-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; } .footer--widgets .widget-quick-links ul li{ width:33.333%; float:left;} .footer--widgets .widget-twitter-feed ul li { padding-left: 0; margin-bottom: 20px; } .footer--widgets .widget-twitter-feed ul li:last-child { margin-bottom: 0; } .footer--widgets .widget-twitter-feed ul li p { margin-bottom: 0; } .footer--widgets .widget-twitter-feed ul li p a { font-weight: 400; } .footer--widgets .widget-twitter-feed ul li:before { display: none; } .footer--widgets .widget-twitter-feed ul li span.time { font-size: 16px; display: block; font-weight: 400; } .footer--widgets .widget-contact-info { -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -moz-box-flex: 0; -moz-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; } .footer--widgets .widget-contact-info ul li { margin-bottom: 20px; } .footer--widgets .widget-contact-info ul li:last-child { margin-bottom: 0; } .footer--widgets .widget-contact-info ul li p { margin-bottom: 0; line-height: 26px; } .footer--widgets .widget-contact-ewm { -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -moz-box-flex: 0; -moz-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; } .footer--widgets .widget-contact-ewm li{ width:45%; margin-left:2.5%; float:left; text-align:center;} .footer--widgets .widget-contact-ewm li img{ width:100%;} .copyright { padding: 22px 0; font-size: 13px; color: #bbbbbb; font-weight: 400; } .copyright p { margin-bottom: 0; } .copyright a { color: #1da838; font-weight: 600; } .copyright a:hover { opacity: 0.8; } .copyright .text-right{ display:block; float:right;} .copyright .text-right a { color: #bbbbbb; font-weight:normal; } .copyright .text-right a:hover { opacity: 0.8; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .footer--widgets .widget-about { padding-right: 30px; } .footer--widgets .widget-twitter-feed { padding-right: 30px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .footer--widgets .widget { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -moz-box-flex: 0; -moz-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; padding-right: 60px; } .footer--widgets .widget-about { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -moz-box-flex: 0; -moz-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; padding-right: 60px; } .footer--widgets .widget-twitter-feed { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -moz-box-flex: 0; -moz-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; padding-right: 60px; } .footer--widgets .widget-quick-links { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -moz-box-flex: 0; -moz-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; padding-right: 60px; } .footer--widgets .widget-contact-info { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -moz-box-flex: 0; -moz-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; padding-right: 60px; } } @media only screen and (max-width: 767px) { .footer--widgets .widget { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -moz-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; padding-right: 65px; } .footer--widgets .widget-about { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -moz-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; padding-right: 65px; } .footer--widgets .widget-twitter-feed { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -moz-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; padding-right: 65px; } .footer--widgets .widget-quick-links { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -moz-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; padding-right: 65px; } .footer--widgets .widget-contact-info { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -moz-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; padding-right: 65px; } } @media only screen and (max-width: 767px) { .footer--widgets .widget-about { padding-right: 0; } .footer--widgets .widget-twitter-feed { padding-right: 0; } .footer--widgets .widget-quick-links { padding-right: 0; } .footer--widgets .widget-contact-info { padding-right: 0; } .copyright{ text-align:center;} .copyright .text-right{ display:none;} } #myModal{ width:50%; margin:0px auto; max-height:60%; overflow:hidden;} @media only screen and (max-width: 767px) { #myModal{ width:100%; margin:0px auto; max-height:50%; overflow:hidden;} .bg-image--4{ display:none} } .videoWrapper { position:relative; height:600px; z-index: -100; display:block; width:100%; left:-22%; } .custom-video { position: absolute; top:-200px; left:0; } .overlay { background: linear-gradient(to top, #000, transparent 90%); position: absolute; top: 0; right: 0; bottom: 0; left: 0; }